列表与列视图#

列表视图是 框定列表 的替代方案,能够处理非常大的内容列表,以及具有动态内容的内容。列视图类似于列表视图,不同之处在于列表具有多列,并带有标题以允许排序。

列表和列视图都可以在其行中包含文本、图像和控件。

列表和列视图还与 网格视图 共享相同的数据模型,因此可以用来提供另一种视图,该视图也以网格形式显示。

通用指南#

  • 保持列表行简单且规则。大多数行每行应只包含一两个元素。

  • 当列表行包含多个文本元素时,请调整字体大小和粗细以区分每个元素(请参阅 排版指南 以获取更多信息)。

  • 如果列表中包含图标,它们应使用 符号样式

  • 默认情况下,使用对用户最有用的列表顺序。

  • 列表视图和列视图应具有最小和最大宽度,以便支持 自适应缩放

列视图排序#

通过在标题中显示向上或向下箭头来指示正在排序视图的列

顺序

箭头方向

示例

自然

按字母顺序、从小到大、从最早的日期到最近的日期、先显示已选项目

反向

按字母顺序倒序、从大到小、从最近的日期到最早的日期、先显示未选项目

单击未排序的列标题会按自然顺序对该列进行排序,方法是在其标题中显示向下箭头。

单击按自然顺序排序的列标题会将其重新排序为反向顺序,方法是在其标题中显示向上箭头。

API 参考#