Thread by @mobileunderhood

Сегодня суббота, и давайте поговорим про стили и темы в Android🎨.

Наверное, начать стоит с того, в чём разница между стилем и темой.

По сути, стиль — это некоторый набор атрибутов для конкретной View. Лучше делать этот набор уникальным для каждого типа View, потому что набор атрибутов отличается.
Можно представить, что стиль — это Map<view attribute, resource>.

Тема - это набор именованных ресурсов, на которые позже можно будет ссылаться с помощью стилей, макетов и т.д.
Тема — это Map<theme attribute, resource>.
И набор этих атрибутов не применяется для конкретной View, а имеет более общий характер.

Чуть больше информации об этой разнице можно почитать тут:
medium.com/androiddevelop…

Начиная новый проект, нет причин не наследоваться от других тем, кроме как MaterialComponents.
Взамен мы получаем поддержу новых виджетов, которые работают только в material theme, несколько новых атрибутов для цветов и классный сайт, который описывает всё, что связано с Material

Теперь давайте поговорим про нейминг тем.
Для начала стоит сделать базовую тему для приложения, называя её: Theme.AppName.Base
В ней стоит переопределить все параметры, которые не относятся к конкретным цветам приложения.

Это могут быть дефолтные стили для виджетов или textAppearance для текстов.
Я бы сюда включил два цвета: это цвет navigationBar и statusBar. Лучше сделать их прозначными, чтобы корректно поддерживать отступы при помощи insets.

Следующая тема, которую уже стоит прописать в манифесте — это Theme.AppName, которая наследуется от нашей базовой темы.
Здесь уже важно переопределить основные атрибуты цветов, чтобы во всех View использовать описанные атрибуты.

Очень важно не использовать прямые ссылки на цвета в стилях для View или напрямую в xml. Если вы так делаете, то лишаете себя возможности настройки темы, а также поддержи нескольких тем в приложении.

Конечно, есть исключения: например, если необходимо использовать цвет бренда во всех View, который никогда не поменяется (хотя я бы тут лучше сделал кастомный атрибут) или же вы делаете View, цвет которой используется только для неё.

Теперь давайте поговорим о стилях, и как лучше всего применить их.
Начните с того, что определите дефолтные стили для некоторых из виджетов, например для EditText, Button, Toolbar.
Пропишите их в Theme.AppName.Base, и этим действием вы сэкономите себе время в будущем.

Для стилей тоже важно сохранять нейминг.
Здесь всё просто: именуйте их в том стиле, в каком именуется её родитель.
Если вы наследуетесь от Widget.AppCompat.EditText, то назовите ваш стиль как Widget.AppName.EditText.

Следует также упомянуть про такую ведь как textAppearance. Они содержат в себе атрибуты, которые применимы только для текстовых View: цвет текста, шрифт, размер и т.д.
В Material Components сделали встроенную поддержку 13 стилей для текста, и к ним можно обратиться через атрибуты

Подробнее о них можно почитать тут:
material.io/develop/androi…

textAppearance очень крутая штука, которая позволит, практически, избавиться от стилей для текстовых View. В своих проектах я не указываю размеры для текста напрямую в xml, это всегда делается через textAppearance.

В будущем, если ваше приложение захочет использовать другой шрифт — вам нужно будет просто переопределить стили textAppearance.

Важно помнить, что textAppearance поддерживает не все атрибуты, которые вы можете прописать в стиле. Проверьте, что поддерживает textAppearance перед добавлением своего свойства.

На самом деле, виден большой шаг в сторону дизайна в Android, важно немного разобраться в этом и использовать все преимущества🤟.

А что вы делаете в своём проекте, чтобы все визуальные элементы выглядели едиными?