← 返回 Web 词条

按钮组

Web需自己实现

Web 原生没有这个

网页没有会自动处理布局和键盘规则的原生按钮组,需要用多个按钮自行组合并补充分组语义。

通常怎么做:用普通按钮配合容器布局;需要作为一组操作时添加合适的分组名称。

适用范围:桌面与移动端现代浏览器

社区一般叫它 Button Group

它把几项彼此相关的操作放在一起,让用户能快速看见并选择其中一项。

  • 几个相关按钮摆在一起的那一排
  • 一排可以分别点的操作
  • 把同一类事情放一起的几个按钮
  • 成组按钮
  • 操作按钮组
  • 按钮集合

其他平台的相似实现

iOS需自己实现
该平台没有原生实现

苹果平台没有通用的按钮组组件,通常把多个 Button 放进水平或垂直布局;互斥选择应改用分段控制器。

看 iOS 视角 →
Android原生支持
Button Group本平台没有对应叫法

这是 Material 3 Expressive 的新接口;使用前需要核对项目采用的 Material 3 版本。

看 Android 视角 →

使用规范

什么时候用

  • 一组并列操作关系紧密,而且用户需要同时看见这些操作

什么时候别用

  • 选项只能单选时不要用普通按钮组,应使用分段控制器或单选按钮

容易混淆

Web 出处

查看 Web / iOS / Android 完整对照 →