Красива оболонка для Android CarPC
Підсумовуючи досвід попередніх тим =)
Пропоную взяти за аксіому, що оболонка в Андроїд КарПК не потрібна.
Рідний екран відмінно підходить для цього, а віджети GPS, Player OBD-II роблять екран більш ніж функціональним.
Залишається лише одна проблема: зробити дизайн більш автомобільним
- великі іконки, щоб легше в них потрапляти пальцями
- красиві і стильні іконки, щоб оці приємніше споглядати в машині
це завдання люди вирішують за допомогою Desktop VisualizeR і Nova Launcher.
ADD: Так само схожі результати можна досягти за допомогою:
ssLauncher the Original - альтернативний лаунчер
uccw - Віджет годин з розширеними можливостями
залишилася справа за малим. накреатівілі красиву тему для машини.
Пропоную в цій темі ділитися скріншотами, ідеями, напрацюваннями та звичайно кодами.
Для початку, то що я знайшов в мережі:
скріншот / ідея:
----------------------
А тут будемо викладати живі приклади, які вдалося створити за допомогою наших однофорумчан:
А ось і мій варіант оболонки.
Розташування елементів дивитися тут:
Інструкція по застосуванню:
на задньому плані використовується файл 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 наданих примірок і експериментів. Дуже рекомендую прочитати цю інструкцію перш ніж почати створювати тему для своєї машини, а також прошу доповнювати її тими напрацюваннями та досвідом, які Ви придбали в ході роботи з візуалайзером. На перевірку Візуалайзер виявився не так то простий. Тому для створення красивих, напівпрозорих дизайнерських тим нам ще належить багато зрозуміти в механізмі його роботи.