Кнопки

Кнопка сообщает о действии, которое произойдет, когда пользователь коснется ее.

Кнопки являются стандартными компонентами Android Open Source Project (AOSP). Они могут быть либо заполнены сплошным цветом фона, либо незаполнены (с прозрачным фоном). Заполненные кнопки обозначают основное или предпочтительное действие. Кнопки могут появляться отдельно или группами — в отличие от вкладок , которые всегда появляются группами.

---

Анатомия

1. Незаполненный контейнер для кнопок.
2. Заполненный контейнер кнопок с указанием основного или предпочтительного действия.
3. Надпись на кнопке

---

Характеристики

Минимальная и максимальная длина кнопки

Максимальная длина метки кнопки — 20 символов. Минимальная ширина кнопки — 156 dp.

Кнопка со значком и кнопка по умолчанию

Кнопки могут содержать значки. Если они включены, значки обычно появляются слева от текста кнопки.

Кнопки могут отображаться как элементы в других компонентах, таких как панель приложения или диалоговые окна .

Расположение кнопок в панели приложений

Кнопки расположены в правой части панели приложения.

Кнопка в диалоге

Кнопки в диалоговых окнах обычно расположены в нижней левой части диалогового окна.

Кнопка героя

Закругленные края кнопки-героя подчеркивают ее важность.

---

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

OEM-производители могут отражать свой бренд, изменяя внешний вид кнопки, например:

• Указание акцентного цвета
• Предоставление пользовательских иконок
• Добавление пользовательских шрифтов
• Изменение внешнего вида активных, неактивных и отключенных кнопок
• Настройка размеров кнопок, формы углов и размещения
• Использование движения для предоставления обратной связи пользователям

Руководство по интеграции библиотеки пользовательского интерфейса автомобиля содержит рекомендации OEM по настройке компонентов.

Система дизайна предоставляет конкретные рекомендации по использованию макета, цвета, типографики, размеров, формы и движения для настройки компонентов.

---

Примеры

Незаполненные и заполненные кнопки, где заполненная кнопка указывает на основное действие.

Цвет и непрозрачность этой заполненной кнопки указывают на отключенное состояние.

Незаполненные кнопки в диалоговом окне обозначают действия с одинаковым весом.

Эти пульсирующие движения имеют продолжительность 330 мс. Они используются для подтверждения контакта пользователя с помощью кнопки.

Эти волнистые движения изначально покрывают 60% поверхности кнопки. Они расширяются от касания пользователя и останавливаются на расстоянии 10 dp от края кнопки.