PCCar.ru - Ваш автомобильный компьютер

PCCar.ru - Ваш автомобильный компьютер (http://pccar.ru/index.php)
-   Украшательства (http://pccar.ru/forumdisplay.php?f=185)
-   -   Красивая оболочка для Android CarPC (http://pccar.ru/showthread.php?t=18617)

wave_is 09.02.2013 20:31

Красивая оболочка для Android CarPC
 
Подытоживая опыт предыдущих тем =)
Предлагаю взять за аксиому, что оболочка в Андроид КарПК не нужна.
Родной экран отлично подходит для этого, а виджеты GPS, Player & OBD-II делают экран более чем функциональным.
Остается лишь одна проблема: сделать дизайн более автомобильным ;)
- большие иконки, чтобы легче в них попадать пальцами
- красивые и стильные иконки, чтобы глазу приятней лицезреть в машине

эту задачу люди решают при помощи Desktop VisualizeR и Nova Launcher.
ADD: Так же схожых результатов можно добиться при помощи:
ssLauncher the Original - альтернативный лаунчер
uccw - Виджет часов с расширенными возможностями

осталось дело за малым. накреативить красивую тему для машины.

Предлагаю в этой теме делиться скриншотами, идеями, наработками и конечно исходниками.

Для начала, то что я нашел в сети:
скриншот/идея:


живой скрин:

----------------------
А тут будем выкладывать живые примеры, которые удалось создать при помощи наших однофорумчан:

Вариант от alexvtk + Видео + Видео 2
Вариант от wave_is + видео
Вариант от diestake + второй вариант от diestake + Настройка второго Варианта
Вариант от LSDance
Вариант от KycokKycok
Оригинальный и интеллектуальный Вариант от myxa781

----------------------
По многочисленным просьбам сделал видео инструкцию как самому дома сделать красивую облочку под свою машину. Инструкция простая и не требует особых познаний. Файлы оболочки выложены в комментариях к урокам:
В качестве лаунчера новичкам проще всего использовать: Тотал лаунчер. Качаем здесь.



wave_is 13.02.2013 02:58

А вот и мой вариант оболочки.

Расположение элементов смотреть тут:

Инструкция по применению:
на заднем плане используется файл DUGA.png
для собственников других марок сделал файл DUGA_clear.png без логотипа
1) создаете виджет размером 4х4 накладываете на него картинку DUGA_clear.png, а затем растягиваете его до размеров 6х5 (с шириной уверен, а высота скорее всего 5, не помню точно)
2) далее в центр дуги размещаете логотип размером 4х4. В моем случае это файл peugeot.png
кликабельность этих виджетов выбирать вам. в моем случае они полностью декоративные, на них не настроено никаких функций
3) создаете еще 4 виджета для 4х кнопок. размеров виджетов зашифрован в названии файла.
Пример music_2x2.png - означает что нужно создать виджет шириной и длиной 2 юнита.
4) Все остальные картинки у меня на рабочем столе - это стандартные виджеты (Tablet talk, PowerAmp, Torque, digital clock) и ярлыки на программы.

Ремарка:
- Элементы подравнивались под экран Нексуса. Экран нексуса по умолчанию делится на сетку размером 6х6 юнитов.
- В качестве обоев используется Audio Glow Live Wallpaper. Очень рекомендую. Выглядят шикарно. Я брал с 4pda.
- Обратите внимание на порядок виджетов. После создания виджета необходимо длинным тапом на него отправить его на нужный слой.
Все дизайнерские виджеты, такие как DUGA необходимо отправлять на самый задний план, чтобы они не мешали работе активных виджетов.
- В настройках Нова обязательно должно быть включено перекрытие виджетов, изменение их размера и отключены подписи к ярлыкам

Обнаруженные проблемы и ограничения Визуалайзера:
- Если создать картинку в фотошопе, разрезать ее на 36 юнитов, то собрав ее на экране планшета картинка не будет цельной ;(
Произойдет масштабирование картинки и создание зазоров между юнитами.
- Не зависимо от того, каких размеров картинку вы вставляете в виджет, если потом вы будете увеличивать виджет, ваша картинка "поплывет". пиксели будут масштабироваться и притом не очень красиво.
Исходя из этого лучше изначально создавать виджет нужного размера или больше, а потом уменьшать.
- Максимальный размер виджета доступный Визуалайзеру - это 4х4. То есть, Если Вы хотите получить виджет высотой в 6 юнитов, то Вам придется растаскивать картинку на 50% в результате чего получите гребенку на Ваших линиях.
- По непонятной мне причине (не нашел зависимости) визуалайзер в паре с Новой самостоятельно производит небольшое масштабирование картинок. (5-10%) Вероятно, это как-то связано с размером прозрачных областей в PNG.
Этот глюк видно и в моей теме. По задумке и по исходником высота полоски в левых и правых кнопках должна быть одинаковой, но если присмотреться, то это не так.
- Лучше не ставить на виджет эффектов на нажатие. PNG картинки имеют причудливую дизайнерскую форму, а эффект нажатия всегда закрашивает в определенный цвет все юниты виджета. Выглядит не красиво.

P.S. Пиво за исходники и инструкцию принимается только светлое =)
От Фотошопа, до живой реализации всех виджетов на раб. столе ушло часов 8 нудных примерок и экспериментов. Очень рекомендую прочесть эту инструкцию прежде чем начать создавать тему для своей машины, а также прошу дополнять ее теми наработками и опытом, которые Вы приобрели в ходе работы с визуалайзером. На поверку Визуалайзер оказался не так то прост. Поэтому для создания красивых, полупрозрачных дизайнерских тем нам еще предстоит много понять в механизме его работы.

alexvtk 13.02.2013 04:26

Нечитаемо. Фон - "вырви глаз". Все сливается, т.к. нет тоновой проработки (контрастности). Предложение: Потаботать над тоном, в общем, и цветом фона.

wave_is 13.02.2013 13:40

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

alexvtk 13.02.2013 17:25

Вложений: 7
Тоже пользую Desktop VisualizeR, но ланчер Nova Prime. Почему Nova? Просто привык к нему. Все кнопки - это виджеты Desktop VisualizeR, которые либо запускают приложение, либо осуществляют переход на нужный экран рабочего стола. Содрал "фишку" у любимой виндовой оболчки iCarDC. На всех "неглавных" экранах по центру логотип машины. Это тоже кнопка. Если ее нажать, то сразу переходим на основной экран. Т.е. перелистывать экраны не надо. Если получится снять, то возможно, выложу видео работы оболочки.

wave_is 13.02.2013 17:34

классно придумали с логотипом
а в Nova Prime можно виджет на виджет накладывать?

alexvtk 13.02.2013 17:40

Цитата:

Сообщение от wave_is (Сообщение 246308)
классно придумали с логотипом
а в Nova Prime можно виджет на виджет накладывать?

Можно, где-то видел в настройках

Fedorych 13.02.2013 18:11

alexvtk, а можно сделать переключение по кругу между запущенными приложениями(экранами) по нажатию виджета (кнопки), как это реализовано в том же iCarDC ?

alexvtk 13.02.2013 19:40

Цитата:

Сообщение от Fedorych (Сообщение 246314)
alexvtk, а можно сделать переключение по кругу между запущенными приложениями(экранами) по нажатию виджета (кнопки), как это реализовано в том же iCarDC ?

Честно говоря, не знаю. Да и в Андроиде не как в винде, нет понятия свернуть приложение. Некоторые при выходе "назад" или "домой" закрываются, а некоторые остаются в процессах. Есть в самом Андроиде "Недавно запущенные приложения", но это не то. Можно попробовать сделать запуск неких фиксированно выбранных приложений по кругу тнажатием одной кнопки. Я не пробовал, но мысль интересная, надо подумать-потыкать:whistle:

wave_is 14.02.2013 04:08

обновил шаблон


Часовой пояс GMT +4, время: 04:13.

Работает на vBulletin® версия 3.8.4.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot