ПРОГРАММИРОВАНИЕ ПОД IPHONE, IPAD OBJECTIVE-C часть 3

23. Настройка и оформление приложения

Оформление приложений

В этом примере я покажу как правильно оформлять приложение. Оформлением мы будем заниматься на примере приложенияiMaladec. То есть, графику для этого примера я взял с него. Для создания проекта нам подойдет любой шаблон, поэтому я предлагаю выбрать Single View Application и назовем мы его DecorApp. В поле Davice Family укажите Universal, таким образом мы сделаем оформление для всех типов устройств.

 

Теперь следует скачать архив с картинками [ссылка] (но пока что не добавляйте их в проект). Выберите в навигаторе файлов имя проекта, затем в списке таргетов выберите текущий и перейдите на вкладку Summary. Порядок действий можно посмотреть на картинке ниже:

 

 

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

 

 

Соответственно, файл icon.png перетягиваем в левую верхнюю область, а icon@2x.png — в правую (почему так — можно почитать здесь). Этими действиями мы установили изображение иконки для iPhone. Таким же образом Default.png и Default@2x.png переносим в поляLaunch Images. Это та картинка, которая будет отображаться в момент загрузки приложения.

 

Точно так же сделайте в разделе для iPad (чтобы перейти в раздел — опуститесь ниже на этой же вкладке). Только в случае с iPad — Launch Images можно установить для каждого положения устройства свой.

 

Кроме этого, при публикации приложения вам понадобится картинка размера 512*512. Для примера я ее доже добавил в архив. В сам проект он не добавляется, но как я уже сказал, она нужна для iTunes Connect.

 

Все файлы Xcode самостоятельно копирует в проект. Вы можете их найти в инспекторе файлов:

 

 

Таким образом, мы в интерактивном режиме добавили иконки и изоражение загрузки. Если заглянуть в файл с настройками проекта (в нашем случае DecorApp-Info.plist) — увидим следующее:

 

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

 

Особое внимание следует уделить последней строке обведенной области (Icon already includes gloss effects). Если значение этого поля установлено NO — iOS сама добавит переходящий блеск на иконку. Значение YES — означает, что этот эффект уже присутствует или он вам просто не нужен.

 

Прочитать о правилах оформления иконок в приложении можно на официальном сайте разработчиков Apple (ссылка).

 

Особое внимание следует обратить на приложение-киоск (Newsstand). Для установки его иконо следует добавить ключ Newsstand Icon в раздел Icon files (iOS 5) файла настроек. Сами файлы иконок киоска в приложение следует добавлять самостоятельно и прописывать их имена в только что добавленном ключе. При этом, соотношение сторон такого файла должно быть 1:2 или 2:1 и иметь угол 90°. В архиве с картинками такой файл присутствует, он называется NewsstandIcon.png, а файл настроек (DecorApp-Info.plist) должет выглядеть так:

 

 

Исходный код этого проекта можно скачать здесь.

Comments are closed.