Роман Мазур: Шаблони проектування android ui
TRANSCRIPT
![Page 1: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/1.jpg)
Шаблони проектування Android UI
![Page 2: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/2.jpg)
Наш план
Їх усього 5
•Головний екран (Dashboard)
•Операційна панель (Action Bar)
•Пошукова панель (Search Bar)
•Швидкі дії (Quick Actions)
•Допоміжний віджет (Companion Widget)
![Page 3: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/3.jpg)
Головний екран (Dashboard)
![Page 4: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/4.jpg)
Головний екран (Dashboard)
• Ваше обличчя – будьте акуратні
• Ваша стартова точка
• Хороше місце, аби показати нові фішки
![Page 5: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/5.jpg)
Наш план
Лишилося 4
•Головний екран (Dashboard)
•Операційна панель (Action Bar)
•Пошукова панель (Search Bar)
•Швидкі дії (Quick Actions)
•Допоміжний віджет (Companion Widget)
![Page 6: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/6.jpg)
Операційна панель (Action Bar)
• Присутня на всіх ваших екранах (за винятком…)
• Заміна стандартному сірому заголовку
• Дозволяє перехід на головний екран – навігація
• Дає доступ до операцій, загальних для вашої аплікації: пошук, оновлення, зміна статусу
• Може містити індикатор завантаження
![Page 7: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/7.jpg)
Наш план
Лишилося 3
•Головний екран (Dashboard)
•Операційна панель (Action Bar)
•Пошукова панель (Search Bar)
•Швидкі дії (Quick Actions)
•Допоміжний віджет (Companion Widget)
![Page 8: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/8.jpg)
Пошукова панель (Search Bar)
![Page 9: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/9.jpg)
Пошукова панель (Search Bar)
• Замінює операційну панель (верхня частина екрана)
• Показує припущення
• Мітить додаткові елементи для контролю режиму пошуку
Простіша альтернатива: Search Box DialogШвидша реалізація, менші можливості.
![Page 10: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/10.jpg)
Наш план
Лишилося 2
•Головний екран (Dashboard)
•Операційна панель (Action Bar)
•Пошукова панель (Search Bar)
•Швидкі дії (Quick Actions)
•Допоміжний віджет (Companion Widget)
![Page 11: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/11.jpg)
Швидкі дії (Quick Actions)
![Page 12: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/12.jpg)
Швидкі дії (Quick Actions)
• Використовується, якщо доступні кілька дій на вибраним елементом
• Спливаючий елемент
• Не руйнує будови вашого екрана (не діалог, залишає доступними елементи на основному екрані)
• Може мати анімацію, створювати “ого” ефект
• НЕ використовується в контексті з можливістю вибору кількох елементів
![Page 13: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/13.jpg)
Наш план
Останній шаблон
•Головний екран (Dashboard)
•Операційна панель (Action Bar)
•Пошукова панель (Search Bar)
•Швидкі дії (Quick Actions)
•Допоміжний віджет (Companion Widget)
![Page 14: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/14.jpg)
Допоміжний віджет (Companion Widget)
• Щось більше, ніж іконка
• Відображує дані від вашої аплікації
• Представляє ваш функціонал на робочому столі
• Стартує відповідні активності для виконання реальних задач
• Повинен ефективно використовувати досить обмежену площу
![Page 15: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/15.jpg)
Що подивитися
Основні матеріали:
•Google IO
•Google Developer Day
Не забувайте дотримуватися рекомендацій стосовно дизайну.
•User Interface Guidelines
![Page 16: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/16.jpg)
Stanfy шукає Android-розробників
![Page 17: Роман Мазур: Шаблони проектування Android UI](https://reader035.vdocuments.mx/reader035/viewer/2022062220/558e2dbd1a28ab8e468b45dc/html5/thumbnails/17.jpg)
Roman Mazur
Head of Android/Java Unit
Stanfy
iPhone/iPad and Android Applications
Skype: roman.mazur.f
Twitter: roman_mazur
http://stanfy.com.ua