Кнопка

Buttons give users access to actions they may need to take in the car to provide access to actions that drivers may need to take — for example, confirming a choice or returning to the previous template.

Кнопки могут включать в себя следующее:

  • Icon only
  • Label only
  • Icon + label
Примеры
Примеры кнопок действий

Template support

Кнопки можно использовать в следующих местах:

Руководство

При разработке кнопок для вашего приложения учитывайте следующие рекомендации.

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

  • Вы можете указать, какая кнопка является основной .

  • Чтобы избежать обрезания текста, используйте короткие подписи, особенно в шаблоне навигации , где пространство ограничено.

Примеры
Example of a button design

Primary buttons

В шаблонах «Сообщение» , «Длинное сообщение» и «Панель» , содержащих до 2 кнопок, вы можете дополнительно пометить одну кнопку как основную, чтобы обозначить основное действие.

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

Timed buttons

You can create buttons associated with default actions that are taken automatically if the user doesn't act within a specified amount of time (customizable by the app). For a sample flow using this strategy, see Respond to a timed alert .

Для отображения обратного отсчета пользователю кнопка превращается в таймер со встроенным индикатором выполнения. Обратный отсчет таймера отображается в виде горизонтально перемещающейся по кнопке затененной области.

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

Чтобы создать кнопку с таймером, присвойте ей флаг по умолчанию .

Примеры

In these examples, the Navigate or Accept action will automatically be taken if the user doesn't choose the other action before the shaded progress indicator moves all the way across the button.