按钮组

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

设计元素应锚定到帧的底部。

原则

以操作为导向:包含可操作的按钮,而不是标签组。

包含:将操作与动画和焦点分组在一起。

灵活:可以包含多种按钮类型。

用法与位置

使用按钮组可显示多个按钮。呈现多个按钮时,请使用按钮组组件,而不是单独布局每个按钮。

按钮组

按钮组可以包含具有相同按钮高度的任何按钮类型的组合。

在按钮组中保持按钮高度一致。
将不同高度的按钮分组在一起。

按钮组可以与其他元素(如卡片或堆叠)配对,以充当相关操作。

每个布局只使用一个按钮组。
堆叠多个按钮组。

按钮组布局可以包含 1 到 10 个按钮,也可以溢出。

按钮组

A. 包含:按钮组适合容器的宽度,没有任何元素被截断。

B. 溢出:按钮组的宽度大于容器中的可用空间。

将按钮数量保持在 10 个以下,并且仅保留必要的按钮,以尽量减少滑动操作。
将按钮组扩展到 10 个以上的按钮。

焦点

初始焦点默认位于最左侧的按钮上,但可以配置为居中,以用于对称的按钮组。

配置焦点以突出显示最常访问或更重要的功能。
如果所有项的用例重要性相似,请不要替换默认的初始焦点。

居中布局

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

左对齐布局

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

解剖结构

左对齐布局

按钮组是一个容器组件,用于将 1 到 10 个具有一致高度的任何类型的按钮分组在一起。如需详细了解按钮,请参阅按钮指南。

自定义

按钮组集可以包含具有相同按钮高度的任何按钮类型的组合。

属性 自定义 默认值
初始焦点 0