Android -дайджест # 2. Красивий і чуйний UI

Сьогодні присвятимо весь дайджест темі, без якої складно уявити гарне мобільний додаток , - користувача інтерфейсу .

Загальні питання

Офіційні UI патерни від Google . Неофіційні колекції скріншотів додатків : раз , два , три . Іноді допомагають зрозуміти, чого ж хоче замовник, або, навпаки, допомагають йому вибрати саме те, що потрібно вам . Сервіс для комбінування кольорової палітри Material Design . Android notification system : серйозні зміни у версії 5.0. Розширений мануал на CodePath по Defining Custom Views . Bitmap quality , banding and dithering : матеріалу вже 4 роки, але принципи залишаються актуальними. Як робиться 2D малювання : слайди ( частина 1 , частина 2 ) від хлопців з CoreServlets . UI потік , як і навіщо його не блокувати : офіційна документація , хороші матеріали є і на Хабре ( перший , другий ) .

Анімації і переміщення

Весь розділ документації : Property Animation , View Animation , Drawable Animation . Мені тут найцікавішим здався Android Property Animation framework . Плавне поява елементів: самий нехитрий спосіб - атрибут animateLayoutChanges . Документація чесно попереджає, що можлива некоректна робота з вкладеними елементами . Cogito Learning ємко розповідає про інтерполяції в анімаціях . До речі, на цьому ресурсі можна знайти й інші UI теми . Scenes and Transitions API (починаючи з Android 4.4) : опис , відео з DevBytes . Backports для більш старих версій ОС: перший , другий . Cyril Mottier про нестандартні анімації на прикладі реального додатки Custom Animations With Fragments . У Lollipop стали доступні витончені переходи між екранами (станом на початок січня в бібліотеках сумісності для старих версій ОС вони не представлені) . Майже такого ж ефекту , але приклавши значно більше зусиль, можна добитися і на старих версіях : розповідає Chet Haase , архів ( !) з вихідним кодом прикладу .

Бібліотеки, які допомагають зробити красиво

Rebound : « пружні » анімації від хлопців з Facebook. EasyAndroidAnimations : колекція з 50+ кастомних анімацій . StickyListHeaders : makes it easy to integrate section headers in ListView . PhotoView : ImageView for Android that supports zooming , by various touch gestures . Android Sliding Up Panel : provides a simple way to add a draggable sliding up panel (як в Google Music, Google Maps і Rdio ) . A simple showcase to show off Android's new Material Design and some other cool new stuff . Демо додатки на Play Store у них зовсім слабке зараз, але от код може бути корисний. SwipeListView : An Android List View implementation with support for drawable cells and many other swipe related features . Бібліотеки для асинхронної завантаження зображень , якщо раптом хтось про них не знає: Universal Image Loader і Picasso . В тій чи іншій мірі ця функціональність також реалізована в ion і Volley .

Деякі окремі випадки , про які корисно знати

Досвід впровадження бібліотеки Intel Integrated Native Developer Experience для роботи з відео. Іноді азіатські виробники роблять свій дуже кастомізованих UI , який не виходить перевизначити стандартними засобами. Приклад - випадок з популярним смартфоном Lenovo . Android Performance Case Study by Romain Guy . Досить багато уваги приділено саме UI . І наостанок - майже філософські міркування від Mark Murphy Material Design : Strategic Considerations .

? Попередній випуск : Android дайджест # 1

Опубліковано: 09/01/15 @ 07:25
Розділ Різне

SEO Блог