Xcode изображения изображения

Что делает изображение 1x, 2x или 3x (@ 1x, @ 2x, @ 3x)? Как вы можете сделать 3x изображение?Xcode изображения изображения

источник

2014-10-26 Nathan Schafer

IOS использует точки вместо пикселей в своих системах координат. В оригинальных устройствах не сетчатки (iPhone, iPhone3G, iPhone3GS, iPad, iPad 2, iPad mini и ранних iPod) одна точка в системе координат, отображаемая на один пиксель на экране устройства. В то время жизнь была простой, вы предоставили изображения в свое приложение, которое сопоставимо с размером точки, и все выглядело великолепно.

Когда Apple представила первые устройства отображения сетчатки (iPhone 4, iPad с дисплеем Retina и iPod touch 4), устройства имели по 2 пикселя для каждой точки. Apple разработала умный способ справиться с этим. Программисту просто пришлось добавить второе изображение в свою программу с увеличенным разрешением и добавить @ 2x к имени. Никаких изменений в коде не требуется. Если ваш код загружает изображение под названием «дом», iOS загрузит «дом» на устройстве без сетчатки (например, iPad 2 или оригинальный iPad mini), и он будет использовать «house @ 2x» для устройств сетчатки. IPhone 6 Plus имеет еще более высокое разрешение, поэтому использует версию @ 3x.

Так что же делает изображение @ 1x, @ 2x или @ 3x? Если ваше изображение «дома» составляет 120 пикселей на 90 пикселей, ваше изображение «house @ 2x» должно быть 240 на 180 пикселей, что вдвое больше пикселей в каждом измерении («2x» для краткости). Версия «house @ 3x» должна быть 360 на 270 (в 3 раза больше пикселя в каждом измерении).

Это зависит от вас, чтобы убедиться, что версии @ 2x и @ 3x имеют более подробную информацию, а не только больше пикселей. Вы можете использовать такую программу, как Photoshop или Pixelmator для создания ваших изображений. Начните с создания красивой очень подробной версии вашего изображения (версия @ 3x), а затем уменьшите ее до разрешения @ 2x и сохраните эту версию в качестве вашей версии @ 2x. Затем снова откройте свою версию @ 3x и масштабируйте ее до разрешения @ 1x и сохраните ее как версию @ 1x. Добавьте все три версии в каталог Assets в Xcode, и iOS загрузит соответствующую версию для соответствующих устройств.

источник

2014-10-26 11:08:31 vacawama

Спасибо за этот ответ. Это имеет смысл! У меня есть один вопрос, и у меня есть фотошоп. Вы сказали, чтобы начать создавать @ 3x версию изображения. Как мне это сделать? Являются ли их размеры? Разрешение? Могу ли я сделать изображение любого размера. Спасибо за ответ. –

Это зависит от вас, насколько вы хотите, чтобы ваше изображение было на экране. Если ваше изображение должно быть 50 точек на 50 пунктов на экране приложения, сделайте 3x версию 150x150, вашу 2x версию 100x100 и вашу 1x версию 50x50. Поэтому в Photoshop вы создадите новое изображение размером 150x150. Создав этот образ и сохранив его, вы перетащите его, установив размер изображения на 100x100 и сохраните его под новым именем для версии 2x. Затем перезагрузите версию 150x150 и установите размер изображения 50x50 и сохраните его под новым именем для 1x версии. – vacawama

Спасибо, я благодарен за ваш ответ и узнаю его. Благодаря! –

Прочитайте это, чтобы узнать о различных разрешениях:

http://www.paintcodeapp.com/news/iphone-6-screens-demystified

Если вы ищете недорогой и простой способ для создания графики, которая будет экспортировать во всех трех размерах, получить эскиз 3:

http://bohemiancoding.com/sketch/

С помощью Sketch вы можете сделать графику, а затем экспортировать ее немедленно в любом классе размеров, который вам нужен.

Ниже приведены пошаговые инструкции по изменению размера. Если у вас есть векторный рисунок - линии и другие фигуры - вы можете начинать любой размер и увеличивать или уменьшать размер. Три приведенные ниже фотографии показывают увеличение размера изображения. Если у вас есть изображение, подобное jpeg, тогда вы захотите начать большие операции и работать меньше, чтобы избежать искажений.

enter image description here