Кнопка сообщает о действии, которое произойдет, когда пользователь коснется ее.
Кнопки являются стандартными компонентами Android Open Source Project (AOSP). Они могут быть либо заполнены сплошным цветом фона, либо незаполнены (с прозрачным фоном). Заполненные кнопки обозначают основное или предпочтительное действие. Кнопки могут появляться отдельно или группами — в отличие от вкладок , которые всегда появляются группами.
Анатомия
![Анатомия пуговиц](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-anatomy-1.png?authuser=5&hl=ru)
2. Заполненный контейнер кнопок с указанием основного или предпочтительного действия.
3. Надпись на кнопке
Характеристики
Минимальная и максимальная длина кнопки
![Максимальная длина метки кнопки — 20 символов. Минимальная ширина кнопки — 156 dp.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-1.png?authuser=5&hl=ru)
Кнопка со значком и кнопка по умолчанию
![Кнопки могут содержать значки. Если они включены, значки обычно появляются слева от текста кнопки.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-3.png?authuser=5&hl=ru)
Кнопки могут отображаться как элементы в других компонентах, таких как панель приложения или диалоговые окна .
Расположение кнопок в панели приложений
![Кнопки расположены в правой части панели приложения.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-2.png?authuser=5&hl=ru)
Кнопка в диалоге
![Кнопки в диалоговых окнах обычно расположены в нижней левой части диалогового окна.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-4.png?authuser=5&hl=ru)
Кнопка героя
![Закругленные края кнопки-героя подчеркивают ее важность.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-5.png?authuser=5&hl=ru)
Кастомизация
OEM-производители могут отражать свой бренд, изменяя внешний вид кнопки, например:
- Указание акцентного цвета
- Предоставление пользовательских иконок
- Добавление пользовательских шрифтов
- Изменение внешнего вида активных, неактивных и отключенных кнопок
- Настройка размеров кнопок, формы углов и размещения
- Использование движения для предоставления обратной связи пользователям
Руководство по интеграции библиотеки пользовательского интерфейса автомобиля содержит рекомендации OEM по настройке компонентов.
Система дизайна предоставляет конкретные рекомендации по использованию макета, цвета, типографики, размеров, формы и движения для настройки компонентов.
Примеры
![незаполненные и заполненные кнопки](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-1.png?authuser=5&hl=ru)
![отключена заполненная кнопка](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-2.png?authuser=5&hl=ru)
![Незаполненный диалог кнопки](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-3.png?authuser=5&hl=ru)
![длительность пульсирующего движения кнопки](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-different-shapes.gif?authuser=5&hl=ru)
![Кнопки с пульсирующей анимацией](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-ripple.gif?authuser=5&hl=ru)