Освой Android играючи

Сайт Александра Климова

Шкодим

/* Моя кошка замечательно разбирается в программировании. Стоит мне объяснить проблему ей - и все становится ясно. */
John Robbins, Debugging Applications, Microsoft Press, 2000

Дизайн для Android

Рубрика, посвящённая разработке дизайна под Android. Полезные приёмы, трюки, хитрости. Сделаем приложения красивыми, как коты.

Design

Картинка взята со страницы Гугла о дизайне Design Reviews: Going beyond the surface - Articles - Google Design

В Android 5.0 был представлен новый Material Design, позже появился Material 3, который рекомендуется использовать сейчас.

Если говорить общими словами, то дизайн пытается быть похожим на реальный мир. Это значит, что элементы подчиняются физическим законам. Например, элементы можно разделить и соединить обратно, изменить их цвет и форму, они твёрдые. Элементы могут отбрасывать тень. Но нельзя делать некоторых вещей - не могут уместиться в одном месте, если не позволяет объём. Причём, все элементы имеют толщину 1dp. Представьте себе, что элементы в виде толстой бумаги внутри вашего телефона под стеклом. Вы не можете сделать оборот элемента вокруг своей оси, так как толщина вашего телефона слишком мала для этой операции. Может только чуть-чуть повернуть. Элементы не могут просачиваться через другие элементы (они же твёрдые). Вообще, многие свойства материального дизайна присущи котам, за исключением разве только толщины.


implementation("com.google.android.material:material:1.10.0")

При использовании компонентов на панели действий не забывайте вызывать метод getSupportActionBar().getThemedContext() для получения правильного контекста.

У компонентов появился новый атрибут elevation (высота):


<ImageView …
    android:elevation="8dp" />

В соответствии с новым дизайном компоненты могут "парить" над экраном, отбрасывая тень. Система сама рассчитает нужную тень вокруг элемента, в том числе и вокруг круглой кнопки. Программным аналогом являются методы getElevation()/setElevation(). Подробнее о Elevation

Компоненты Material Design

Material Design Icons - значки в стиле Material

Разное

Material You

Основы

Полупрозрачная панель для ImageView

UI-дизайн

Кастомизация ActionBar

Стильный ListView

Настройка Spinner

Кнопка со счётчиком

Ссылки

Color Tool - Material Design - новый инструмент от Google для подбора цветов к Material Design

Material Design, Daily – MaterialUp - значки, шаблоны, макеты в стиле Material Design. Иногда попадаются коты. Пример 1, Пример 2

Material Design: на Луну и обратно/Хабрахабр

dracs89/Material-Design-Color-Palette-for-Inkscape

Material Design Color Palette Generator - сервис для создания палитры в стиле Material: выбираем основной цвет, цвет «плавающей» кнопки и сайт генерирует необходимую палитру.

Android Asset Studio

Introduction - Material design - Google design guidelines

Памятка для дизайнеров

Интеграция дизайна мобильных приложений. Часть 1: Android / Хабрахабр

Бесплатный набор значков для разработчика. Я нашёл кота! - Free Android Icons - 1000+ icons for your App

Icons

Google выложила на Гитхабе библиотеку значков в svg-формате, можно скачать одним архивом или просмотреть онлайн. Для использования в VectorDrawable.

material-components/material-components-android-examples: Companion example apps and code for MDC-Android.

Реклама