列表控件为列表项提供信息和操作。
列表控件提供列表项的信息、指示状态或显示操作。列表控件以图标形式显示在列表项文本的左侧或右侧。
列表控件位置:
- 状态和主操作放在列表项的左侧。
- 副操作和信息放在列表项的右侧。
类型
复选框
开关
重新排序
展开/折叠
滑动提示
菜单控件
选中
内联信息
嵌套菜单标识

列表控件提供列表项的信息、指示状态或显示操作。列表控件以图标形式显示在列表项文本的左侧或右侧。
列表控件位置:
复选框
开关
重新排序
展开/折叠
滑动提示
选中
内联信息
嵌套菜单标识

列表控件分为四类:
列表项中需要区分的元素应放在左侧,以符合用户从左到右的阅读顺序,反之亦然。状态和主操作放在列表项的左侧。列表项中的文本也应视为主操作目标的一部分。
不要把两个图标或操作紧挨着放在一起,例如复选框和头像。
如果列表项的主要操作是导航,那么就不要使用图标。列表项本身及其上下文应足以传达目的地信息。
副操作和信息应放在标题的右侧。副操作始终是独立于主操作的单独点击目标,因为用户越来越期望每个图标都能触发一个动作。

状态和主操作放在列表项的左侧。副操作和副信息放在标题的右侧。
复选框可以作为主操作,也可以作为副操作。
类型:主操作/状态
桌面端的复选框应该只在鼠标悬停和获得焦点时显示。

在这个列表中,复选框是主操作和状态标识符。
类型:副操作
单独可点击
当控制一系列变量而不仅仅是一个变量时,考虑使用开关控件代替。

在这个列表中,复选框是副操作。
类型:副操作
单独可点击

开关是副操作,单独可点击。
类型:副操作
通常是单独可点击的,具体取决于当前列表所处的模式。
该操作允许用户将列表项拖动到列表中的其他位置。通常出现在列表编辑模式下。

重新排序图标是列表项的副操作。
类型:副操作
单独可点击
垂直展开或折叠列表视图,以显示或隐藏现有列表项的详细信息。

触摸列表控件,用户可以展开列表。

列表已展开。

折叠的单行列表项

展开的单行列表项
类型:其他
滑动提示用于说明将列表项滑开后会执行何种操作。滑动提示可以转换为一项操作。
从任一方向滑动列表项都会露出一个表示该操作的图标。滑动后,还可以在列表项的空间内显示一个后续文本按钮操作。

从右向左滑动列表项会显示一个表示该操作的图标。

从左向右滑动列表项会显示一个表示该操作的图标。