Кнопки

Кнопка передает действие, которое происходит при ее касании пользователем.

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

Анатомия

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

Технические характеристики

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

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

Кнопка со значком против стандартной кнопки

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

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

Размещение кнопок на панели приложения

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

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

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

Кнопка героя

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

Настройка

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

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

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

Примеры

незаполненные и заполненные кнопки
Незаполненные и заполненные кнопки, где заполненная кнопка указывает на основное действие.
отключенная заполненная кнопка
Цвет и прозрачность этой заполненной кнопки указывают на ее неактивное состояние.
Незаполненное диалоговое окно кнопки
Незаполненные кнопки в диалоговом окне указывают на действия с равным весом.
длительность пульсации кнопки
Длительность этих волнообразных движений составляет 330 мс. Они используются для подтверждения контакта пользователя с кнопкой.
Анимация пульсации кнопок
Эти волнообразные движения первоначально покрывают 60% поверхности кнопки. Они распространяются от места нажатия пользователя и останавливаются в 10 dp от края кнопки.