Lists（列表）是一种连续的、垂直排列的文本与图片索引形式。

一、概览（Overview）

1. 基本原则

• 使用列表可以帮助用户快速找到特定项目并对其进行操作。
• 列表项应按照逻辑顺序排列（例如：按字母顺序、数字顺序等）。
• 列表项有 三种高度样式：单行（one-line）、双行（two-line）、三行（three-line）
• 列表项应保持内容简洁且易于扫读（scan）。
• 列表中的图标、文字与操作元素应使用一致的格式展示。
• 包含标题与辅助文字的三个列表项示意图。

列表项可以包含辅助说明文本（supporting text）及数值信息（value）

2. 与M2的区别

• 颜色：新增了新的色彩映射规则，并支持动态色彩（dynamic color）。
• 布局：更新了列表的内边距（padding）与间距（spacing）规则，整体更加一致。
• 高度：列表项的高度由内部最高的元素决定，固定为：56dp（单行）、72dp（双行）、88dp（三行）
• 对齐方式：列表项高度低于 88dp 时，元素采用垂直居中对齐（middle-aligned）。高度达到 88dp 或更高（例如包含三行文本）时，所有元素改为顶部对齐（top-aligned）。

M2（左图）：高度与对齐方式缺乏统一规范       M3（右图）：高度与对齐方式全面标准化。

二、规格（Specs）

①前置视频缩略图（可选）、②容器、③主标题（Headline）、④辅助文字（可选）、⑤末尾辅助文字（可选）、⑥前置图标（可选）、⑦前置头像标签文字（可选）、⑧末尾图标（可选）、⑨前置头像容器（可选）、⑩分隔线（可选）

1. 颜色

颜色值是通过设计语义变量（Design Tokens）来实现的，

对于设计师而言，这意味着使用的颜色需要与对应的设计变量保持一致。对于开发而言，颜色值会以一个引用具体数值的设计变量的形式存在。了解更多关于设计语义变量（Design Tokens）

用于浅色与深色主题的颜色角色包括：①表面（Surface）、②表面上的文字/图标色（On surface）、③表面变体色（On surface variant）、④表面变体色（On surface variant）、⑤表面变体色（On surface variant）、⑥表面变体背景（Surface variant）、⑦主色容器（Primary container）、⑧主色容器上的文字/图标色（On primary container）、⑨主色容器上的文字/图标色（On primary container）、⑩主色容器上的文字/图标色（On primary container）

2. 状态

状态（States）是用来表达组件或可交互元素当前状态的视觉表现形式。了解更多关于交互状态（Interaction States）

①启用 / 默认状态、②禁用状态、③悬停状态（Hover）、④焦点状态（Focus）、⑤按下状态（Pressed）、⑥拖拽状态（Dragged）

3. 尺寸规范

单行列表（One-line lists）

单行列表项的对齐、内边距与尺寸规范

单行列表的整体内边距与尺寸规范

双行列表（Two-line lists）

双行列表项的对齐、内边距与尺寸规范