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


Вернуться   PCCar.ru - Ваш автомобильный компьютер > MP3Car ТехИнфа > AndroidCar

Ответ
 
Опции темы
Старый 09.02.2013, 20:31   #1
wave_is
Гуру
 
Регистрация: 28.12.2009
Возраст: 34
Регион: Украина
Сообщений: 1,091
wave_is will become famous soon enough
По умолчанию Красивая оболочка для 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; 15.03.2015 в 21:44.
wave_is вне форума   Ответить с цитированием
Старый 13.02.2013, 02:58   #2
wave_is
Гуру
 
Регистрация: 28.12.2009
Возраст: 34
Регион: Украина
Сообщений: 1,091
wave_is will become famous soon enough
По умолчанию

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

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

Инструкция по применению:
на заднем плане используется файл 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 нудных примерок и экспериментов. Очень рекомендую прочесть эту инструкцию прежде чем начать создавать тему для своей машины, а также прошу дополнять ее теми наработками и опытом, которые Вы приобрели в ходе работы с визуалайзером. На поверку Визуалайзер оказался не так то прост. Поэтому для создания красивых, полупрозрачных дизайнерских тем нам еще предстоит много понять в механизме его работы.

Последний раз редактировалось wave_is; 15.02.2013 в 16:09.
wave_is вне форума   Ответить с цитированием
Старый 13.02.2013, 04:26   #3
alexvtk
Гуру
 
Аватар для alexvtk
 
Регистрация: 08.04.2011
Город: Железногорск, Красноярский край
Регион: 24
Машина: Toyota Prius NHW20, 2008, Park Assist (продана), Chevrolet Lanos, 2006, 1,5
Сообщений: 1,685
alexvtk is just really nicealexvtk is just really nicealexvtk is just really nicealexvtk is just really nicealexvtk is just really nice
По умолчанию

Нечитаемо. Фон - "вырви глаз". Все сливается, т.к. нет тоновой проработки (контрастности). Предложение: Потаботать над тоном, в общем, и цветом фона.
__________________
Toyota Prius NHW20, 2008, Park Assist, Android CarPc: планшет 7" Ployer momo9 (Allwinner A10) - заменен на Pipo U1pro, Bluetooth GPS, диагностика BT ELM327, Мегафон модем и Wi-Fi роутер TPLINK-MR3020. Фильтр помех по звуку на ВА3121.
(продана)
Chevrolet Lanos, 2006, 1,5. Андроид ГУ Infidini, 2й монитор с тач. контроллером от YAM, кзх, БК Multitronics MPC-800

Мой проект
Апгрейд проекта
Видео
Видео оболочки
Видео оболочки 2

Видео апгрейда
alexvtk вне форума   Ответить с цитированием
Старый 13.02.2013, 13:40   #4
wave_is
Гуру
 
Регистрация: 28.12.2009
Возраст: 34
Регион: Украина
Сообщений: 1,091
wave_is will become famous soon enough
По умолчанию

спасибо. на фоне будут живые обои черного цвета
читаемость пока действительно не прорабатывал. пока пытаюсь проработать размещение элементов и подбор нужных.
как сформирую все ярлыки и программы, которые нужно вывести на стартовый экран и перейду к читаемости
wave_is вне форума   Ответить с цитированием
Старый 13.02.2013, 17:25   #5
alexvtk
Гуру
 
Аватар для alexvtk
 
Регистрация: 08.04.2011
Город: Железногорск, Красноярский край
Регион: 24
Машина: Toyota Prius NHW20, 2008, Park Assist (продана), Chevrolet Lanos, 2006, 1,5
Сообщений: 1,685
alexvtk is just really nicealexvtk is just really nicealexvtk is just really nicealexvtk is just really nicealexvtk is just really nice
По умолчанию

Тоже пользую Desktop VisualizeR, но ланчер Nova Prime. Почему Nova? Просто привык к нему. Все кнопки - это виджеты Desktop VisualizeR, которые либо запускают приложение, либо осуществляют переход на нужный экран рабочего стола. Содрал "фишку" у любимой виндовой оболчки iCarDC. На всех "неглавных" экранах по центру логотип машины. Это тоже кнопка. Если ее нажать, то сразу переходим на основной экран. Т.е. перелистывать экраны не надо. Если получится снять, то возможно, выложу видео работы оболочки.
Миниатюры
Нажмите на изображение для увеличения
Название: 001.jpg
Просмотров: 5702
Размер:	87.8 Кб
ID:	29822   Нажмите на изображение для увеличения
Название: 002.jpg
Просмотров: 1538
Размер:	65.2 Кб
ID:	29823   Нажмите на изображение для увеличения
Название: 003.jpg
Просмотров: 1309
Размер:	63.7 Кб
ID:	29824   Нажмите на изображение для увеличения
Название: 004.jpg
Просмотров: 1080
Размер:	30.3 Кб
ID:	29825   Нажмите на изображение для увеличения
Название: 005.jpg
Просмотров: 1045
Размер:	44.2 Кб
ID:	29826  

Нажмите на изображение для увеличения
Название: 006.jpg
Просмотров: 1178
Размер:	84.9 Кб
ID:	29827   Нажмите на изображение для увеличения
Название: 007.jpg
Просмотров: 1070
Размер:	45.1 Кб
ID:	29828  
__________________
Toyota Prius NHW20, 2008, Park Assist, Android CarPc: планшет 7" Ployer momo9 (Allwinner A10) - заменен на Pipo U1pro, Bluetooth GPS, диагностика BT ELM327, Мегафон модем и Wi-Fi роутер TPLINK-MR3020. Фильтр помех по звуку на ВА3121.
(продана)
Chevrolet Lanos, 2006, 1,5. Андроид ГУ Infidini, 2й монитор с тач. контроллером от YAM, кзх, БК Multitronics MPC-800

Мой проект
Апгрейд проекта
Видео
Видео оболочки
Видео оболочки 2

Видео апгрейда
alexvtk вне форума   Ответить с цитированием
Старый 13.02.2013, 17:34   #6
wave_is
Гуру
 
Регистрация: 28.12.2009
Возраст: 34
Регион: Украина
Сообщений: 1,091
wave_is will become famous soon enough
По умолчанию

классно придумали с логотипом
а в Nova Prime можно виджет на виджет накладывать?
wave_is вне форума   Ответить с цитированием
Старый 13.02.2013, 17:40   #7
alexvtk
Гуру
 
Аватар для alexvtk
 
Регистрация: 08.04.2011
Город: Железногорск, Красноярский край
Регион: 24
Машина: Toyota Prius NHW20, 2008, Park Assist (продана), Chevrolet Lanos, 2006, 1,5
Сообщений: 1,685
alexvtk is just really nicealexvtk is just really nicealexvtk is just really nicealexvtk is just really nicealexvtk is just really nice
По умолчанию

Цитата:
Сообщение от wave_is Посмотреть сообщение
классно придумали с логотипом
а в Nova Prime можно виджет на виджет накладывать?
Можно, где-то видел в настройках
__________________
Toyota Prius NHW20, 2008, Park Assist, Android CarPc: планшет 7" Ployer momo9 (Allwinner A10) - заменен на Pipo U1pro, Bluetooth GPS, диагностика BT ELM327, Мегафон модем и Wi-Fi роутер TPLINK-MR3020. Фильтр помех по звуку на ВА3121.
(продана)
Chevrolet Lanos, 2006, 1,5. Андроид ГУ Infidini, 2й монитор с тач. контроллером от YAM, кзх, БК Multitronics MPC-800

Мой проект
Апгрейд проекта
Видео
Видео оболочки
Видео оболочки 2

Видео апгрейда
alexvtk вне форума   Ответить с цитированием
Старый 13.02.2013, 18:11   #8
Fedorych
Старший Пользователь
 
Регистрация: 16.11.2008
Возраст: 34
Город: Москва
Регион: 77, 97, 99, 177
Сообщений: 836
Fedorych is a jewel in the roughFedorych is a jewel in the roughFedorych is a jewel in the rough
По умолчанию

alexvtk, а можно сделать переключение по кругу между запущенными приложениями(экранами) по нажатию виджета (кнопки), как это реализовано в том же iCarDC ?
__________________
Skoda Octavia A5 1,8TSI
Nissan Almera N16 продана
Fedorych вне форума   Ответить с цитированием
Старый 13.02.2013, 19:40   #9
alexvtk
Гуру
 
Аватар для alexvtk
 
Регистрация: 08.04.2011
Город: Железногорск, Красноярский край
Регион: 24
Машина: Toyota Prius NHW20, 2008, Park Assist (продана), Chevrolet Lanos, 2006, 1,5
Сообщений: 1,685
alexvtk is just really nicealexvtk is just really nicealexvtk is just really nicealexvtk is just really nicealexvtk is just really nice
По умолчанию

Цитата:
Сообщение от Fedorych Посмотреть сообщение
alexvtk, а можно сделать переключение по кругу между запущенными приложениями(экранами) по нажатию виджета (кнопки), как это реализовано в том же iCarDC ?
Честно говоря, не знаю. Да и в Андроиде не как в винде, нет понятия свернуть приложение. Некоторые при выходе "назад" или "домой" закрываются, а некоторые остаются в процессах. Есть в самом Андроиде "Недавно запущенные приложения", но это не то. Можно попробовать сделать запуск неких фиксированно выбранных приложений по кругу тнажатием одной кнопки. Я не пробовал, но мысль интересная, надо подумать-потыкать
__________________
Toyota Prius NHW20, 2008, Park Assist, Android CarPc: планшет 7" Ployer momo9 (Allwinner A10) - заменен на Pipo U1pro, Bluetooth GPS, диагностика BT ELM327, Мегафон модем и Wi-Fi роутер TPLINK-MR3020. Фильтр помех по звуку на ВА3121.
(продана)
Chevrolet Lanos, 2006, 1,5. Андроид ГУ Infidini, 2й монитор с тач. контроллером от YAM, кзх, БК Multitronics MPC-800

Мой проект
Апгрейд проекта
Видео
Видео оболочки
Видео оболочки 2

Видео апгрейда
alexvtk вне форума   Ответить с цитированием
Старый 14.02.2013, 04:08   #10
wave_is
Гуру
 
Регистрация: 28.12.2009
Возраст: 34
Регион: Украина
Сообщений: 1,091
wave_is will become famous soon enough
По умолчанию

обновил шаблон
wave_is вне форума   Ответить с цитированием
Ответ


Здесь присутствуют: 4 (пользователей: 0 , гостей: 4)
 
Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.



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


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