Как использовать каталоги активов для разработки вашего приложения iOS - макеты

Теперь, когда есть несколько экранов для iPhone и (в настоящее время) двух разрешений, изображения приложений iOS нужно управлять более сложным способом, чем в прошлом. Первоначально изображения имели определенные имена, указывающие, были ли они значками, запусками изображений или другими изображениями. С Xcode 5 все намного проще, потому что вместо того, чтобы полагаться на соглашения об именах, вы используете каталоги активов .

Изображения внутри каталога активов делятся на наборы . Каждый набор содержит одно или несколько изображений представлений . Вы создаете каталог активов, создавая новый файл (Файл → Новый → Файл) и выбирая Каталог активов из раздела «Ресурсы» в левой части окна.

Навигация слева от окна рабочей области и область полезности справа скрыты. Внутри области редактора находятся два столбца. Слева от области редактора отображается список наборов.

1. Выберите набор изображений, с которым вы хотите работать, в списке настроек.

   Выбран набор значков приложений. Чтобы следовать дальше, выберите его сейчас.

2. Обратите внимание, что набор зрителя (правый столбец в каталоге активов) теперь отображает изображения выбранного набора (AppIcon в этом случае).

   Может быть несколько представлений одного изображения, отражающего соответствующие идиомы (iPhone или iPad).

3. Если вы хотите, вы можете изменить имя набора либо в области состояния, либо дважды щелкнув и отредактировав имя в списке.

   Вы также можете указать, какие представления (iPad, iPhone, Mac) вы хотите использовать в верхней части области состояния и соответствующие шкалы для каждого (1x для не Retina и 2x для Retina-дисплеев).

4. Выберите представление, с которым вы хотите работать, в области «Редактирование».

   Область состояния справа от окна рабочей области отражает детали для выбранного представления ниже установленной информации.

   

Каталог активов может содержать четыре типа изображений:

• Значки приложений: Вы можете подумать, что у вас есть один значок приложения, но вы ошибаетесь. У вас на самом деле есть изображение значка приложения, заданное множеством идиом и шкал. Каждое представление имеет размер, указанный как в области «Редактор», так и в области «Статус», чтобы вы знали, с чем вам следует работать. Лучше не переименовывать этот набор.

• Запуск изображений: Это изображения, которые показываются как можно раньше при запуске приложения. Они должны предоставить фон первого экрана, который видит пользователь. Когда запуск будет завершен, появится фактический экран и его данные.Эффект заключается в том, что фон рисуется, и соответствующий текст и графика рисуются поверх него. В шаблоне Master-Detail установлен образ запуска.

  Обратите внимание, что в области «Статус» вы можете указать детали изображений запуска, включая не только идиому, но и ориентацию. Это флажки: вам нужно предоставить только те, которые вы выберете. Лучше не переименовывать этот набор.

• Изображения: Это все другие изображения в вашем приложении. Используя кнопку в правом нижнем углу области Редактор, вы можете показать обзор, который позволяет редактировать представления для определенного набора изображений (по умолчанию, есть две идиомы и две шкалы, но это может со временем меняться). Вы также можете посмотреть изображение нарезки.

• Значки OS X: Для полноты они упомянуты.

Вы можете видеть представления для изображений запуска.

Вы перетаскиваете изображения со своего диска в соответствующее представление соответствующего набора. Для значков приложений и запуска изображений, если изображение, которое вы пытаетесь перетащить, является неправильным размером, вы получите сообщение об ошибке. Обратите внимание, что для значков приложений и изображений запуска существуют разные изображения для разных устройств. Также обратите внимание, что существуют отдельные версии для дисплеев Retina (2X) и не Retina (1X).

Если вы используете один из шаблонов Xcode, у вас будет каталог активов со значком и изображениями запуска. Вы можете добавить к нему свои собственные наборы изображений. Он имеет дисплеи Retina и не Retina для Universal, iPhone, iPad и Mac. (Для iPhone 4 также есть дисплей Retina.)

Вы можете выбрать представления, которые хотите для своего изображения, с помощью подменю Editor → Device Image Reps.

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

1. Выберите «Файл» → «Создать» → «Файл».

2. В появившемся диалоговом окне выберите «Ресурс» под iOS слева.

3. Выберите Каталог активов.

4. Назовите и сохраните файл в своем проекте.

   Если вы хотите, вы можете поместить файл в группу «Поддерживаемые файлы» в своем проекте (или в другом месте, который вы выберете).

Код Pre-Xcode 5 для управления изображениями не был довольно. Сегодня, после того, как вы создали свой каталог (ы) изображения, вы просто выбираете нужное имя набора изображений (часто из всплывающего меню в области Utility). Во время выполнения соответствующее изображение выбирается для вас в зависимости от используемого устройства. Вам не нужно ничего делать, кроме использования имени набора изображений: iOS выберет правильный файл.