Làm cho Phần mềm sẵn sàng cho Màn hình Retina - Tại sao điều này lại cần thiết?

Question

Giờ đây, Macbook Pro mới sắp ra mắt với Màn hình Retina, có rất nhiều tài nguyên trên đó về cách tạo ứng dụng Mac và thậm chí là websites "Retina Display Friendly". Ngay cả Google là updating Chrome cho màn hình Retina ...

Tại sao điều này lại cần thiết? Từ những gì tôi hiểu, Retina Display chỉ là một màn hình có độ phân giải cao hơn. Đúng?

Tôi nghĩ khi bạn phát triển phần mềm máy tính để bàn và phát triển trang web, bạn đang phát triển thứ gì đó được cho là hoạt động và mở rộng với độ phân giải hầu như bất kỳ ... Khi bạn thay đổi kích thước cửa sổ của ứng dụng hoặc hiển thị cửa sổ cao hơn hoặc màn hình độ phân giải thấp hơn, nó được cho là để mở rộng và hiển thị đúng cách.

Vậy tại sao những người này sắp ra mắt với hướng dẫn về cách làm cho nội dung nào đó trông đẹp trên Màn hình Retina? Không nên nó đã được xem xét tốt theo mặc định? Có điều gì đó về Retina Display mà tôi không hiểu?

Và đối với bản ghi, tôi không nói về iPhone 4 Retina Display. Hầu hết các nhà phát triển iOS đều tạo ứng dụng của họ với các yếu tố vị trí cố định vì họ biết màn hình sẽ không thay đổi kích thước/hình dạng. Vì vậy, tôi hiểu tầm quan trọng của việc phát triển một ứng dụng để nhìn tốt trên iPhone 4/s so với 3g/s.

Answer 1

Với ứng dụng hiển thị Retina không thực sự mở rộng như chúng đang được thay đổi kích cỡ, tất cả các điều khiển được thay đổi kích thước thành gấp đôi. Nếu một ứng dụng sẽ được thu nhỏ bình thường, không phải bằng cách mở rộng tất cả các điều khiển, v.v. bạn sẽ không thấy bất cứ điều gì, bởi vì mọi thứ sẽ quá nhỏ. Đó là sự khác biệt tương tự giữa một Retina và màn hình có độ phân giải thấp như trên iPhone 3GS/iPhone 4.

Một ví dụ:

Những hình ảnh này thực sự là kích thước tương tự, chỉ là mật độ pixel khác nhau.

Và dưới đây là cách nó trông không có quy mô đúng cách (sử dụng một số ứng dụng để vô hiệu hóa rộng thích hợp): http://cloudmancer.com/images/trueretina.jpg

Answer 2

Tôi nghĩ khi bạn phát triển gui cho phần mềm máy tính để bàn và phát triển trang web, bạn đang phát triển một cái gì đó là nghĩa vụ Để làm việc và mở rộng quy mô với độ phân giải hầu như bất kỳ ... Khi bạn đổi kích thước cửa sổ của ứng dụng hoặc hiển thị cửa sổ trên màn hình có độ phân giải cao hơn hoặc thấp hơn, nó được cho là mở rộng và hiển thị đúng cách (StackOverflow, ví dụ: sử dụng vùng chứa 960px).

Từ quan điểm của nhà phát triển web, bạn thường được yêu cầu phát triển các trang web có chiều rộng cố định (từ rộng 940 đến 1000 pixel) và chúng không mở rộng quy mô. Có rất nhiều trang web như thế này và nhiều ứng dụng không được thiết kế để tăng kích thước.

Ngoài ra, các ứng dụng phát triển về kích thước thường cho rằng độ phân giải lớn hơn cũng có nghĩa là màn hình lớn hơn, vì vậy chúng chỉ đơn giản là kéo giãn các bảng ứng dụng chính và hoàn thành.

Bây giờ, hãy xem xét các yếu tố tĩnh, như nút 150x50 có nội dung 'Nhấp vào tôi'. Nút này không có ý định trở nên lớn hơn và hoàn toàn có thể chấp nhận được trên màn hình 1440x900 thông thường. Bây giờ màn hình võng mạc đi kèm với độ phân giải 2580x1800 của nó. Ứng dụng nhìn thấy sự thay đổi độ phân giải nhưng nó nghĩ rằng "Này, người dùng đó phải có một màn hình lớn" vì vậy nó giữ nút có cùng kích thước.

Vấn đề hiện tại xảy ra là nút, vì cả hai độ phân giải đều áp dụng cho cùng màn hình 13 ", giờ đây xuất hiện là một phần nhỏ của kích thước của nút gốc. Tùy thuộc vào tầm nhìn của người dùng, có thể không phải là . có khả năng đọc văn bản trên nó, và có thể có một thời gian khó khăn cách nhấn vào nó, tùy thuộc vào các thiết lập chuột

để khắc phục vấn đề đó, Apple và Microsoft đã sử dụng hai giải pháp khác nhau:

• Microsoft đã quyết định nói ứng dụng hiển thị có độ phân giải 2580x1800 nhưng người dùng muốn có mọi thứ được chia tỷ lệ thành 200 dpi. Điều này có nghĩa là nếu ứng dụng không phù hợp llow các hướng dẫn, nó sẽ trông nhỏ hơn. Nhiều ứng dụng chỉ đơn giản là bỏ qua các thiết lập DPI (mặc dù điều này có thể thay đổi với Windows 8);
• Apple quyết định báo cáo cho các ứng dụng rằng độ phân giải của màn hình là 1440x900, nhưng nó có thể hiển thị các phần tử có độ phân giải cao hơn nếu được yêu cầu; Điều này có nghĩa là các ứng dụng hiện có trước khi cài đặt võng mạc mới có cùng kích thước như trước cho người dùng cuối (với các lợi ích bổ sung như văn bản sắc nét hơn nếu họ sử dụng API Apple mặc định), nhưng họ có thể quyết định cung cấp DPI cao hình ảnh sẽ trông đẹp hơn trên màn hình.

Cả hai giải pháp đều yêu cầu các ứng dụng phải biết rằng màn hình có độ phân giải cao ('võng mạc'), nhưng cách Apple xử lý nó có nghĩa là các trang web và ứng dụng tĩnh được đề cập trước đó sẽ tiếp tục hoạt động tốt, ngoại trừ chúng sẽ không có hình ảnh siêu rõ nét, có độ phân giải cao để sử dụng. Và, để chọn tham gia các tính năng của võng mạc, họ phải cung cấp hình ảnh 200x200 cho canvas 100x100 và Apple sẽ chăm sóc phần còn lại.