← 返回 Web 词条
按钮组
Web 原生没有这个
网页没有会自动处理布局和键盘规则的原生按钮组,需要用多个按钮自行组合并补充分组语义。
通常怎么做:用普通按钮配合容器布局;需要作为一组操作时添加合适的分组名称。
它把几项彼此相关的操作放在一起,让用户能快速看见并选择其中一项。
- 几个相关按钮摆在一起的那一排
- 一排可以分别点的操作
- 把同一类事情放一起的几个按钮
- 成组按钮
- 操作按钮组
- 按钮集合
其他平台的相似实现
iOS需自己实现
该平台没有原生实现苹果平台没有通用的按钮组组件,通常把多个 Button 放进水平或垂直布局;互斥选择应改用分段控制器。
看 iOS 视角 →Android原生支持
Button Group本平台没有对应叫法这是 Material 3 Expressive 的新接口;使用前需要核对项目采用的 Material 3 版本。
看 Android 视角 →使用规范
什么时候用
- 一组并列操作关系紧密,而且用户需要同时看见这些操作
什么时候别用
- 选项只能单选时不要用普通按钮组,应使用分段控制器或单选按钮