Compose UI 之 Segmented buttons 分段按钮

Segmented buttons

SegmentedButton 是一种分段式按钮组件，它允许用户在一组相关的选项中选择一个或几个。

上图中：① 单选的分段式按钮。② 多选的分段式按钮。

分段式按钮的几个特点：

• 分段式按钮是带有状态的按钮，又有单选和多选之分。

• 从设计上将，不论是单选或是多选的分段式按钮，都是在一个水平方向上布局，因为 Compose UI 库中都是继承自 RowScope 的实现。

• 实现使用的数量是有限的，它实现了 2 ~ 5 个简单的选择按钮，要实现更多更复杂的选择，（官方）建议使用 chips 组件（后续文章会讨论）。

一个经典的 SegmentedButton 由 3 个部分组成，分别是：container 容器，icon 图标，text 文本。

单选 SegmentedButton

单选的分段式按钮允许在用户在多个互斥的选项中选择一个。它有助于在同一个页面中操作切换界面，