2012-06-26 2 views
5

Теперь, когда новый Macbook Pro выходит с дисплеем Retina, есть много ресурсов на том, как сделать приложения для Mac, и теперь даже websites «Retina Display Friendly». Даже Google является updating Chrome для Retina Display ...Подготовка программного обеспечения для Retina Display - Почему это необходимо?

Почему это вообще необходимо? Из того, что я понимаю, Retina Display - это экран с более высоким разрешением. Правильно?

Я подумал, что когда вы разрабатываете программное обеспечение GUI для настольных компьютеров и разрабатываете веб-сайты, вы разрабатываете что-то, что должно работать и масштабироваться должным образом с практически любым разрешением ... Когда вы изменяете размер окна приложения или показываете его на более высоком или дисплей с низким разрешением, он должен масштабироваться и отображаться правильно.

Итак, почему эти люди выходят с руководствами о том, как сделать что-то хорошее на дисплее Retina? Разве он не выглядит по умолчанию? Есть ли что-то в Retina Display, что я не понимаю?

И для записи, я не говорю о iPhone 4 Retina Display. Большинство разработчиков iOS делают свои приложения с фиксированными позиционными элементами, так как они знают, что экран не изменит размер/форму. Поэтому я понимаю важность разработки приложения, чтобы хорошо выглядеть на iPhone 4/s против 3g/s.

ответ

3

С дисплеем приложений Retina фактически не масштабируются, как при изменении размера, все элементы управления имеют размер в два раза больше. Если приложение будет масштабироваться нормально, а не путем масштабирования всех элементов управления и т. Д., Вы ничего не увидите, потому что все будет слишком мало. Это та же разница между Retina и дисплеем с меньшим разрешением, как и на iPhone 3GS/iPhone 4.

Пример:

enter image description here

Эти изображения фактически тот же размер, как раз плотность пикселей различна.

А вот как это выглядит не правильно масштабируется (с помощью приложения, чтобы отключить правильное масштабирование): http://cloudmancer.com/images/trueretina.jpg

+0

+1 для визуальных изображений –

+2

Вкратце: пользователь, купивший сетку сетчатки, хочет увеличить DPI, а не в доступных пикселах для пространства scren. –

1

Я думал, что при разработке графического интерфейса для настольного программного обеспечения и разработки веб-сайтов, вы разрабатывающих то, что, как предполагается, работать и масштабироваться с практически любым разрешением ... Когда вы изменяете размер окна приложения или отображаете его на экране с более высоким или низким разрешением, он должен масштабироваться и отображаться правильно (например, StackOverflow использует контейнер шириной 960 пикселей).

С точки зрения веб-разработчика, вас часто просят разработать сайты с фиксированной шириной (от 940 до 1000 пикселей в ширину), и они вообще не могут масштабироваться. Существует много таких сайтов, и многие приложения просто не предназначены для увеличения размера.

Кроме того, приложения, которые растут в размерах, обычно ожидают, что большее разрешение также означает больший экран, поэтому они просто растягивают основные панели приложений и выполняются с ним.

Теперь рассмотрите статические элементы, например, кнопку 150x50, которая гласит «Click me». Эта кнопка не предназначена для увеличения и вполне приемлема на обычном дисплее 1440x900. Теперь экран сетчатки поставляется с разрешением 2580x1800. Приложение видит изменение разрешения, но оно думает: «Эй, у этого пользователя должен быть огромный экран», поэтому он удерживает кнопку того же размера.

Проблема, которая возникает сейчас, заключается в том, что кнопка, поскольку оба разрешения применяются к одному и тому же 13-дюймовому экрану, теперь отображается как часть размера исходной кнопки. В зависимости от вашего пользовательского видения он может не быть . возможность читать текст на нем, и, возможно, с трудом щелкнув на нем, в зависимости от настроек мыши

чтобы устранить эту проблему, Apple и Microsoft использовали два различных решения:

  • Microsoft решила рассказать приложение отображало разрешение 2580x1800, но пользователь хотел, чтобы все масштабировалось до 200 dpi. Это означает, что если приложение не работает Понизьте рекомендации, он будет выглядеть меньше. Многие приложения просто игнорируют настройки DPI (хотя это может измениться в Windows 8);
  • Apple решила сообщить приложениям, что разрешение монитора было 1440x900, но при условии, что он может отображать элементы с более высоким разрешением; Это означает, что приложения, существующие до новых настроек сетчатки, будут казаться такими же, как и раньше, для конечного пользователя (с добавленными преимуществами, такими как четкий текст, если они используют API Apple по умолчанию), но они могут решить предоставить высокий уровень DPI изображения, которые будут выглядеть намного лучше на дисплее.

Оба решения требуют, чтобы приложения знали, что дисплей имеет высокий уровень DPI («сетчатка»), но способ, которым управляет Apple, означает, что статические веб-сайты и приложения, упомянутые ранее, будут выглядеть красивыми, за исключением того, что они не будут иметь супер-четкие изображения с высоким разрешением для использования. И, чтобы выбрать функции сетчатки, они должны предоставить изображения 200x200 для холста 100x100, например, и Apple позаботится обо всем остальном.

+0

Вы говорите, что на Mac с Retina Display, если я просматриваю веб-страницу с изображением 100x100 на ней, изображение на самом деле не отображается на 100x100, а вместо этого масштабируется выше, чем 200x200 или что-то в этом роде? –

+0

Это нормально, потому что Apple только позволяет выбирать разрешения с меньшим количеством пикселей, чем фактический дисплей (например, 1440x900), по умолчанию все увеличивается (изображение размером 100x100 в 1440x900 займет 200x200 пикселей на экране сетчатки 2580x1800, но оно не будет 't выглядят лучше, потому что исходное изображение по-прежнему 100x100). Вот изображение с рисунками, чтобы лучше объяснить разницу (надеюсь): http://i.imgur.com/eUcXD.jpg –

+0

О, вы имеете в виду на Macbook с Retina Display, вы фактически не можете выбрать собственное разрешение на ЖК-дисплее, так как разрешение для использования в OSX? –

Смежные вопросы