Segmented buttons
SegmentedButton
是一种分段式按钮组件,它允许用户在一组相关的选项中选择一个或几个。
上图中:① 单选的分段式按钮。② 多选的分段式按钮。
分段式按钮的几个特点:
-
分段式按钮是带有状态的按钮,又有单选和多选之分。
-
从设计上将,不论是单选或是多选的分段式按钮,都是在一个水平方向上布局,因为 Compose UI 库中都是继承自
RowScope
的实现。 -
实现使用的数量是有限的,它实现了 2 ~ 5 个简单的选择按钮,要实现更多更复杂的选择,(官方)建议使用 chips 组件(后续文章会讨论)。
一个经典的 SegmentedButton
由 3 个部分组成,分别是:container 容器,icon 图标,text 文本。
单选 SegmentedButton
单选的分段式按钮允许在用户在多个互斥的选项中选择一个。它有助于在同一个页面中操作切换界面,