Шаблон вкладки

Шаблон «Вкладка» действует как контейнер для других шаблонов, перечисленных ниже, предоставляя вкладки сверху (как показано в разделе «Анатомия шаблона вкладки »).

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

Включает в себя:

  • Панель вкладок со значком приложения и до 4 вкладок (без кнопки «Назад»)
  • Встроенный шаблон, который может быть любого из следующих типов:

Каждое представление вкладок соответствует одному встроенному шаблону, и в любой момент времени может быть активным только одно представление вкладок.

Каркасы шаблона вкладки

Анатомия шаблона вкладки

Каркасы шаблона вкладки, включая все возможные встроенные шаблоны.

Шаблон вкладки состоит из следующих элементов:

  1. Панель вкладок , которая может отображать до 4 вкладок.
  2. Встроенный шаблон с использованием одного из следующих шаблонов: список, сетка, поиск, область или сообщение.

Примеры шаблонов вкладок

Шаблон вкладки со встроенным шаблоном списка
Представление вкладки «Все устройства» создается с использованием шаблона вкладки, содержащего шаблон списка (пример Android Auto).
Шаблон вкладки со встроенным шаблоном сетки
Представление вкладки «Домашние устройства» создается с использованием шаблона вкладки, содержащего шаблон сетки (пример Android Auto).

Требования к пользовательскому интерфейсу шаблона вкладки

Разработчики приложения :

ДОЛЖЕН Включите панель вкладок с меткой и монохромным векторным значком для каждой вкладки.
ДОЛЖЕН Добавьте в шапку приложения не менее 2 и не более 4 вкладок.
ДОЛЖЕН Включите встроенный непустой шаблон в каждое представление вкладок.
НЕ ДОЛЖЕН Разрешить одновременно быть активными более 1 вкладки.
НЕ ДОЛЖЕН Создайте дополнительную навигацию, добавив второй уровень вкладок.
ДОЛЖЕН Используйте короткие метки табуляции, чтобы избежать усечения.
НЕ ДОЛЖНА Включите заголовок или полосу действий во встроенные шаблоны.