按钮组提供了一个可导航的按钮容器。

原则
以操作为导向:包含可操作的按钮,而不是标签组。
包含:将操作与动画和焦点分组在一起。
灵活:可以包含多种按钮类型。
用法与位置
使用按钮组可显示多个按钮。呈现多个按钮时,请使用按钮组组件,而不是单独布局每个按钮。

按钮组可以包含具有相同按钮高度的任何按钮类型的组合。
正确做法
在按钮组中保持按钮高度一致。
错误做法
将不同高度的按钮分组在一起。
按钮组可以与其他元素(如卡片或堆叠)配对,以充当相关操作。
正确做法
每个布局只使用一个按钮组。
错误做法
堆叠多个按钮组。
按钮组布局可以包含 1 到 10 个按钮,也可以溢出。

A. 包含:按钮组适合容器的宽度,没有任何元素被截断。
B. 溢出:按钮组的宽度大于容器中的可用空间。
正确做法
将按钮数量保持在 10 个以下,并且仅保留必要的按钮,以尽量减少滑动操作。
错误做法
将按钮组扩展到 10 个以上的按钮。
焦点
初始焦点默认位于最左侧的按钮上,但可以配置为居中,以用于对称的按钮组。
正确做法
配置焦点以突出显示最常访问或更重要的功能。
错误做法
如果所有项的用例重要性相似,请不要替换默认的初始焦点。

一个基于初始焦点元素居中对齐的按钮组,每次滑动时焦点都会滑动。避免使用溢出布局,因为所有按钮都应可见并包含在居中布局中。

左对齐的按钮组布局包含距离边缘 44dp 的起始边距和结束边距。按钮在滑动时平滑地滚动到中心,并随着滑动而加速。
解剖结构

按钮组是一个容器组件,用于将 1 到 10 个具有一致高度的任何类型的按钮分组在一起。如需详细了解按钮,请参阅按钮指南。
自定义
按钮组集可以包含具有相同按钮高度的任何按钮类型的组合。
| 属性 | 自定义 | 默认值 |
|---|---|---|
| 初始焦点 | 是 | 0 |