按钮组

按钮组提供一个可在按钮之间导航的容器。

设计原则

围绕操作组织：按钮组包含可执行操作的按钮，而不是一组文字标签。

形成整体：通过统一的动效与焦点行为，将相关操作组织在一起。

组合灵活：可以包含多种按钮类型。

使用与布局

当界面需要显示多个按钮时，应使用按钮组组件统一组织，而不是分别独立排列。

按钮组可以组合任意类型的按钮，但所有按钮的高度应保持一致。

按钮组可以与卡片或堆栈等元素搭配，为其提供相关操作。

按钮组可以容纳 1 至 10 个按钮，布局分为完整显示和溢出显示两种。

A. 完整显示（Contained）：整组按钮都能放进容器宽度内，没有元素被裁切。

B. 溢出显示（Overflow）：按钮组的总宽度超出容器的可用空间。

焦点

初始焦点默认落在最左侧按钮上；对于对称布局的按钮组，也可以将初始焦点设置在中间。

居中布局以初始焦点元素为中心排列；每次滑动时，焦点随之移动。居中布局应完整显示所有按钮，因此不要使用溢出显示。

左对齐布局在起始和结束两侧分别保留距边缘 44 dp 的外边距。滑动时，按钮分 3 步平滑移向中心。

组件构成

按钮组是一个容器组件，可组合 1 至 10 个类型任意、高度一致的按钮。更多说明参见按钮指南。

自定义

按钮组可以任意组合不同类型的按钮，前提是它们的高度一致。