按钮组操作
它把几项彼此相关的操作放在一起,让用户能快速看见并选择其中一项。
- 几个相关按钮摆在一起的那一排
- 一排可以分别点的操作
- 把同一类事情放一起的几个按钮
- 成组按钮
- 操作按钮组
- 按钮集合
示例
尚无经验证的示例
这条词条暂时只提供平台定义和出处,不用临时动画冒充正式内容。
Web / iOS / Android 对照
Web需自己实现
桌面与移动端现代浏览器
Button Group
网页没有会自动处理布局和键盘规则的原生按钮组,需要用多个按钮自行组合并补充分组语义。
通常怎么做:用普通按钮配合容器布局;需要作为一组操作时添加合适的分组名称。
iOS需自己实现
iOS / iPadOS
Button Group
苹果平台没有通用的按钮组组件,通常把多个 Button 放进水平或垂直布局;互斥选择应改用分段控制器。
通常怎么做:SwiftUI 用 HStack 或 ControlGroup 组织按钮,并为整组提供可访问名称。
Android原生支持
Material 3 1.5.0-alpha24 及以上
Button Group
Compose Material 3: ButtonGroup
这是 Material 3 Expressive 的新接口;使用前需要核对项目采用的 Material 3 版本。
使用规范
什么时候用
- 一组并列操作关系紧密,而且用户需要同时看见这些操作
什么时候别用
- 选项只能单选时不要用普通按钮组,应使用分段控制器或单选按钮
容易混淆
给 AI 的提示词
这条词条还没有经过验证的实现提示词。