Делаем лаунчер в стиле Pip-Boy 3000 (Fallout 3) под Android

Делаем лаунчер в стиле Pip-Boy 3000 (Fallout 3) под Android

Эта статья посвящена всем фанатам Фоллаута, коим я также являюсь. Все мы когда-нибудь мечтали о том, как клёво было бы иметь свой собственный Пип-Бой. Некоторым хватает установки тематической фоновой картинки, некоторые заморачиваются настолько, что делают реально работающие прототипы и иногда носят их с собой, а я. Я нахожусь где-то посередине. Фон поставить и сменить иконки, на мой взгляд - это только полдела, это будет смотреться как нечто недоделанное, незавершённое. Реальный же наручный Пип-Бой мне кажется непрактичным. Ну хорошо, что в нём будет? Смартфон? И что, таскать его всегда с собой? Сомневаюсь. Лично меня даже не хватает на то, чтобы одевать каждый раз LiveView, что у ж говорить о такой дуре, как Пип-Бой? Да, конечно, надо отдать должное такому варианту: это нереально круто! Но, как я уже сказал: мы пойдём другим путём, и он не единственный. Есть ещё тема для Go Launcher, но она мне абсолютно не нравится. Её качество имхо не идёт ни в какое сравнение с тем, что вы видите на скриншоте с моего телефона: с тем, что мы будем делать сейчас. И для этого нам понадобятся:

  • Телефон, либо другое устройство на базе ОС Android. У меня в этой роли выступает превосходный HTC One.
  • Один из следующих лаунчеров: Nova Launcher, Apex Launcher, Launcher Pro. Я ещё со времён старичка HD2 использую Нову, что и вам советую.
  • Ultimate Custom Widget (UCCW) - качаем из Google Play.
  • Fallout PipBoy UCCW (Free или Paid) - также качаем из Google Play берём прямо отсюда, я заюзал бесплатную версию, в ней только белые надписи, но мне кажется, что для моего Ваньки это лучший вариант.
  • Pip-Boy 3000 Live Wallpaper - тоже берём в Google Play, это клёвая обоина, она подходит для этого проекта намного лучше той, что предлагает автор вышеназванного мода.
  • (опционально) для вдохновения - несколько крутых штук с символикой Фоллаута с Aliexpress.

Ссылка на оригинальное руководство (английское) расположено на странице мода в Google Play, но эта статья ни в коем случае не перевод того руководства, нет. Я делал некоторые вещи не так, как описывал автор, поэтому хочу рассказать всё так, как оно выглядит с моей колокольни. Короче, приступаем!

Первым делом заходим в настройки Nova Launcher`а и проводим там следующие процедурки:

  • Идём в "Резервное копирование и импорт" и делаем резервное копирование всех данных, чтобы, если вам не понравится этот мод, вы могли вернуть все свои ярлыки и виджеты на свои прежние места.
  • Идём в "Рабочий стол" и устанавливаем там:
    • Сетка рабочего стола - 12 строк и 7 столбцов.
    • Ширина полей - нет.
    • Ограничение по высоте - нет.
    • Постоянная панель поиска - нафиг.
    • Названия значков - нафиг.
    • Изменение размера всех виджетов - конечно же, да!
    • В "расширенном":
      • Перекрытие виджетов - ага.
      • Перекрытие при размещении - ясен перец.
      • Заблокировать рабочий стол - отключить. Потом, когда всё сделаете, можно будет заблокировать.

      После установки всего вышеназванного софта у вас в списке приложений появится "Fallout UCCW Installer" запускаем его и устанавливаем нужную цветовую версию этого мода (напомню, в бесплатной версии доступна только белая). Далее запускаем UCCW и там в меню отключаем блокировку виджетов, если она включена: "Заблокировать виджет (Режим то. )" - выкл. Когда всё закончите - включите обратно. Потом ещё сюда зайдём, а пока можно заложить на рабочем столе фундамент будущего интерфейса.

      Переходим на рабочий стол и удаляем там все экраны, оставляя лишь один, с которого убираем абсолютно всё. Далее долгое нажатие по свободному месту (то есть пока по любому месту) и выбираем в появившемся меню Виджеты - UCCW - UCCW (сколько-нибудь на сколько-нибудь) - Fallout Bottom. Появится виджет в виде белой руки, который после нажатия превратится в блок нижних кнопок. Изменяем его размеры, подгоняя под экран и перетаскиваем его вниз, на место. Отлично, начало положено! Точно таким же макаром добавляем остальные виджеты, те, которые хотите. Fallout - Main пока не растягивайте: он будет мешать. Сделаете это в самую последнюю очередь.

      Теперь все виджеты, вроде бы, на месте, но есть 2 проблемы:

      • При нажатии на кнопки и ссылки открывается UCCW.
      • Нужен совсем другой порядок и назначение кнопок и ссылок.

      Решением этих проблем мы сейчас и займёмся. Сперва скачаем этот файл - это слегка переделанная мной версия исходников виджетов ссылок на приложения и нижних кнопок. Распаковываем куда-нибудь на телефон, далее в UCCW выбираем Открыть - Открыть uzip и открываем первый файл, например, "Fallout - App List A (White) 1.uzip", жмём меню - Сохранить - Сохранить скин и сохраняем его под тем же именем. То же самое проделываем с тремя оставшимися файлами. Папку Fonts пока не трогаем, скорее всего, она и не понадобится. Теперь у нас есть нижние кнопки и 3 виджета списка приложений, отличающиеся от оригинальных тем, что их можно редактировать, чем мы сейчас и займёмся. И начнём с нижних кнопок.

      Выбираем Открыть - Сохранённый скин и тыкаем в только что добавленный нижний блок кнопок. Как видно по превьюшке, он имеет 5 кнопок: СALL, VK, APPS, SKYPE и FIREFOX. И, конечно же, вы хотите поменять назначение одной или нескольких из них. Расскажу это на примере браузера. Допустим, нужно вместо огнелиса поставить стандартный браузер. Заходим в "Редактирование объектов" - Статический текст 5 и прокручиваем до самого низа, где нам интересны 2 свойства: Вариант (стоит "Заглавная") и Текст (стоит "firefox"). Как вы уже поняли, в поле "Вариант" прописан способ написания данной текстовой метки: верхний регистр, нижний регистр или "как есть". Ну а текст - это текст, тут всё понятно. Раз мы решили ставить туда стандартный браузер - пишем туда, например, browser. Или Browser - без разницы, всё равно оно будет написано заглавными буквами, ведь это диктует значение поля "Вариант", как я и сказал. Теперь меняем ссылку: жмём "назад", потом идём в Горячие точки - Горячяя точка 5 (аккуратно, не обожгитесь) и видим, что в поле "Горячяя точка" прописан Firefox (хотя, возможно, у вас там ничего не будет прописано). Щёлкаем на это поле, выбираем "Приложение" и, соответственно, то приложение, которое нам нужно повесить на эту кнопку (в данном случае Браузер). Всё, жмём Меню - Сохранить - Сохранить скин, там либо меняем имя, либо оставляем и перезаписываем и вуаля: новая версия виджета с нашими изменениями готова, осталось лишь выкинуть с рабочего стола старую версию и добавить эту. Подсказка: при добавлении виджетов оригинальные помечены в списке соответствующим значком, те, что вы редактировали - нет. Используйте это, чтобы не запутаться.

      Вот так вот легко меняется текст и назначение активных элементов этих виджетов. Вы можете поменять хоть все кнопки в нижнем блоке и ссылки в списке приложений - всё делается аналогично!

      Теперь перейдём к списку приложений. Мой список, который вы видите на первом скриншоте, состоит из трёх виджетов, которые вы уже скачали и добавили в программу пару абзацев назад. Но на разных телефонах разные экраны, и кому-то может понадобиться убрать или добавить одну или несколько ссылок из этого списка, и сейчас я расскажу, как это сделать. Убирать и добавлять ссылки мы будем с конца, то есть добавлять к третьему виджету и удалять из него; если надо ещё меньше ссылок - третий на рабочем столе не размещаем вообще и удаляем ссылки из второго - ну это ж и так понятно было, да?

      Рассмотрим первый вариант: нужно добавить к третьему блоку ещё одну ссылку. И это единственная вещь, для которой может понадобиться папка fonts из скачанного вами ранее файла. Просто закиньте ее в корень вашей карты памяти, реальной или виртуальной. Короче, как говорит UCCW, путь к шрифтам должен быть "/sdcard/fonts". Открываем третий виджет (не uzip, а сохранённый). В нём есть 2 ссылки, нам нужно разместить третью, для этого жмём "+/-" и ставим галочку на "Статический текст 3" - появится чёрная надпись "TextObject", которая ваще не в тему. Но это не беда, просто ее нужно довести до кондиции. Первое, что нам нужно - посмотреть расстояние, которое должно быть между ссылками и правильно разместить новую. Для этого заходим в "Статический текст" и запоминаем, что там написано в поле "Позиция" - 120,100. У второго текста там же написано 120, 230. Значит расстояние между ними = 230-100 = 130 пикселей. Почему я заставил вас самих заходить туда, смотреть и считать, а не сказал сразу, что у вас получится? Потому что нужно, чтоб вы понимали, что и как вы делаете, ведь у вас могут возникнуть нестандартные задачи, и, пользуясь полученными знаниями, вы будете знать, как их решить. Значит, 130, да? Позиция первой записи была 120, 100; второй - 120, 230; ну значит третьей будет 120, 360! Прописываем эту позицию в свойства третьего статического текста. Остальные параметры нужно тупо скопировать с предыдущих и всё, надпись готова, переходим к добавлению горячей точки. Тут принцип тот же самый, в горячих точках прописываем в третью то же самое, что прописано во второй, только сдвиг у меня получился не 130 пикселей, а 124, но я на глаз принял его за 126: это дело можно подгонять по месту, ведь редактор-то в UCCW визуальный! Ну и всё с этим, дальше всё по аналогии с тем, что вы делали для нижнего блока кнопок - прописываете нужный вам текст и ссылку на приложение. Вуаля, ссылка добавлена!

      Второй вариант - это когда надо удалить лишнюю ссылку: заходите в "+/-", тупо снимаете с неё галочку и все дела!

      Ну вот и финиш - заканчиваем с размещением всех виджетов на рабочем столе, растягиваем их, позиционируем и ставим живую обоину на фон; включаем в UCCW режим горячих точек (блокируем виджеты) - поздравляю, ваш собственный Пип-Бой готов к использованию!