← 返回全部术语
点击与键盘焦点 / TERM 142

分段切换Segmented Control

选中底色滑到另一项。

142
LIVE PREVIEW
CLICK TO CHANGE
列表网格✦ ✧ ✦
分段切换
✦   MOTIONLEX

01 这个效果是什么

同一组互斥选项共用一个移动的选中背景,用于视图或排序方式切换。

02 可以这样告诉 AI

在列表和网格两项间移动选中背景,点击后内容视图同步变化;使用 radio 或等效语义,窄屏文字仍能完整显示。

03 做好后看什么

  • 指示背景与实际视图一致
  • 键盘和触屏可以完成同样操作