Кастомизация интерфейса iOS

Всем привет! С этой заметки я начну сессию по изменению интерфейса мобильной операционной системы iOS. Сразу оговорюсь, что я далеко не профи в этом деле, а посему буду делиться с вами лишь личным опытом. На днях я долго бродил по Интернету в поисках нужной информации, но не найдя ничего толкового на русскоязычных сайтах я отправился на зарубежные. Что-то там откопал, что-то нарыл методом тыка. Ближе к делу… Прежде чем приступить к изменению оформления вам потребуется сделать джейлбрейк. Как это сделать — можно спокойно отыскать через Google (Casing пока не разродился на инструкции). Далее необходимо установить из Cydia приложение WinterBoard, оно нужно для возможности применения тем и прочих украшательств интерфейса системы. Все операции я буду проводить на своём iPod touch 4 при помощи Mac OS X Lion. Итак, вы уже проделали джейл, установили WinterBoard и ждете дальнейших инструкций? Погодите, прежде я хочу рассказать, что в Cydia имеется масса различных тем оформления, как бесплатных, так и за деньги. Выберите себе самую привлекательную. Установили тему? — Прекрасно! Значит точно можно начинать. Что? Зачем начинать? — спросите вы, — Меня же все и так устраивает! Для настоящих ценителей прекрасного и совершенного нет предела. Наверняка вы заметили, что далеко не все иконки претерпели изменений. В основном это малоизвестные игры и программы, либо же вообще заменены лишь пиктограммы стандартных приложений. Вот теперь настает наш черед! Частенько вместе с темой оформления идут исходники значков в формате .PSD. Они предназначены именно для такого случая, для случая, когда пользователь решит сделать мод (он же кастомизация) интерфейса. И это хорошо :) Нам потребуются таки программы:

  • iFile — файловый менеджер для iOS. Можно скачать/купить через Cydia;
  • iExplorer — тот же файловый менеджер но уже для компьютера (он бесплатен);
  • Photoshop — а то как вы собирались изменять или рисовать иконки;
  • Терпение и прямые руки :)

Теперь можно приступать. Для примера я использую скин Genesis. Открываем iFile и идем по пути: /Library/Themes. Так по гиперссылке мы сразу попадаем в папку с темами от WinterBoard. Полный путь примерно такой: /var/stash/Themes.XXXX (что-то там). Находим нашу тему Genesis.theme и видим в ней папку с .PSD файлами — это исходники графических элементов в формате Photoshop.

Нам нужно вытащить исходники из темы для дальнейшего редактирования. Запускаем iExplorer и подключаем наше устройство к компьютеру. Далее в программе переходим в нужную нам папку и просто перетягиваем файлы в удобное место.

Хочу заметить что есть два типа иконок для рабочего стола: для встроенных программ и приложений из Cydia размер иконок 118х120 px любой формы с прозрачностью, из App Store — 114х114 px только квадрат со скругленными углами без прозрачности. Теперь определимся какой значок программы мы собираемся изменить и добавить в тему. Вот тут нам и понадобится iFile, так как иконку не так то просто вытянуть. Точнее вытащить то легко, вот только она будет совсем прозрачной и с нулевым размером. В iFile тапаем по значку «Домой» и идем в папку Applications.

Далее находим нужную программу. Я хочу изменить значок интернет-радио Frodio.

Далее нужно перейти в папку с окончанием .app и там найти нужное изображение.

Но как из всего этого обилия картинок отыскать заветный значок. В основном используются названия вида Icon.png (для неRetina экранов) и Icon@2x.png (для Retina экранов), но бывают и исключения. Т.к. нам нужно ТОЧНОЕ название файла в дальнейшем, то в той же папке и щем и открываем файл Info.plist. Причем лучше открыть «Средством просмотра Plist».


В это файле находим строку CFBundleIconFile и напротив смотрим название значка программы. Затем ищем и находим картинку для нужного разрешения экрана. То, что заканчивается на @2х означает под Retina экран.

Далее значок нужно сохранить в фотопленке и затем вытащить его на компьютера любым для вас удобным способом. Я предпочитаю пользоваться Фотопотоком. Далее меняем иконку по вашему желанию в Photoshop`e и сохраняем. Итак мы наконец изменили иконку по вкусу, но при этом не забыв о пропорциях. Обязательно название иконки точно такое же как и оригинал! Теперь необходимо найти название bundle для этой программы. Для этого идем в корневую папку приложения Frodio и открываем с помощью «Средства просмотра Plist» файл iTunesMetadata.plist.

В этом файле находим строку softwareVersionBundleId и напротив смотри название «бандла». В нашем случае это com.tochkak.frodiolite.

Теперь нужно создать папку с этим названием. Можете сделать это там, где вам удобнее: на iДевайсе либо на компьютере. Я предпочитаю второй вариант. Затем в эту папку поместить нашу подготовленную иконку и перетащить папку в Bundles, что находится в корне темы оформления.
Вот и все. Остается перезагрузить Sprinboard (Respring).

Обратите внимание на иконку Frodio. Возможно, что вы и не заметите разницы, но для меня больше и не нужно. Вам же предоставляется огромный выбор кастомизации. Надеюсь, что вам была полезна эта информация. Жду комментариев.

 


 
Понравилось? Поделись с друзьями!