Группа кнопок

Группа кнопок представляет собой навигационный контейнер, содержащий кнопки.

Принципы

Ориентирован на действия : содержит интерактивные кнопки, а не группы надписей.

Сдерживание : группирует действия вместе, руководствуясь движением и фокусировкой.

Гибкий : может состоять из нескольких типов кнопок.

Использование и размещение

Для отображения нескольких кнопок используйте группу кнопок. При отображении нескольких кнопок используйте компонент группы кнопок, а не размещайте каждую кнопку отдельно.

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

check_circle

Делать

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

cancel

Не

Сгруппируйте кнопки разной высоты вместе.

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

check_circle

Делать

Для каждого макета используйте только одну группу кнопок.

cancel

Не

Сгруппируйте несколько групп кнопок.

Группа кнопок может быть замкнутой или переполняющей, содержать от 1 до 10 кнопок.

А. Встроенный: Группа кнопок помещается в пределах ширины контейнера, при этом никакие элементы не обрезаются.

B. Переполнение: ширина группы кнопок превышает пространство, доступное в контейнере.

check_circle

Делать

Используйте не более 10 кнопок и только самые необходимые, чтобы минимизировать количество свайпов.

cancel

Не

Расширьте группу кнопок до более чем 10 кнопок.

Фокус

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

check_circle

Делать

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

cancel

Не

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

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

Расположение кнопок, выровненных по левому краю, включает начальные и конечные поля в 44dp от краев. Кнопки плавно смещаются к центру в 3 шага при свайпе и постепенно увеличивают высоту при скольжении.

Анатомия

Группа кнопок — это компонент-контейнер, объединяющий от 1 до 10 кнопок любого типа и одинаковой высоты. Более подробную информацию о кнопках см. в руководстве по работе с кнопками .

Настройка

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