Освой Android играючи
/* Моя кошка замечательно разбирается в программировании. Стоит мне объяснить проблему ей - и все становится ясно. */
John Robbins, Debugging Applications, Microsoft Press, 2000
Освой Android играючи
/* Моя кошка замечательно разбирается в программировании. Стоит мне объяснить проблему ей - и все становится ясно. */
John Robbins, Debugging Applications, Microsoft Press, 2000
Рубрика, посвящённая разработке дизайна под Android. Полезные приёмы, трюки, хитрости. Сделаем приложения красивыми, как коты.
Картинка взята со страницы Гугла о дизайне 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
Полупрозрачная панель для ImageView
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: выбираем основной цвет, цвет «плавающей» кнопки и сайт генерирует необходимую палитру.
Introduction - Material design - Google design guidelines
Интеграция дизайна мобильных приложений. Часть 1: Android / Хабрахабр
Бесплатный набор значков для разработчика. Я нашёл кота! - Free Android Icons - 1000+ icons for your App
Google выложила на Гитхабе библиотеку значков в svg-формате, можно скачать одним архивом или просмотреть онлайн. Для использования в VectorDrawable.