用法
列表是由多个等宽的行组成的一个连续的列，行的功能是用来包含列表项。
列表项包含内容，在列表中列表项的高度可以不同。
列表
行和列表项
列表最适合用于呈现同类数据类型或数据类型集，例如图片和文本。它针对阅读理解做了优化，并对相似的数据类型、或同一数据类型的不同特质做了区分。
替代方案：
- 如果有超过三行的文本需要显示，请使用卡片代替
- 如果主要内容是图片，请使用网格列表
紧凑型
当鼠标和键盘是主要的输入方式时，可以压缩列表尺寸以适应更紧凑的布局。
典型列表浏览方式
组件– 列表
列表
行为
滚动
列表只能垂直滚动。
手势
列表中的所有列表项的滑动操作应保持一致。
列表项可以从一个列表移动到目标位置（类似于移动文件到一个文件夹），或在一个列表内进行拖放重新排序。
过滤和排序
列表项可以按日期、文件大小、字母顺序或其他参数进行过滤和排序。
推荐做法
按字母排序使信息更容易被找到。
不推荐做法
不要按随机顺序显示信息；如果 UI 不允许用户对列表进行排序，则应该默认使用一种更合理的排序方式。
内容
列表项使用相同的格式呈现相关内容。列表使用层次结构来凸显一个类型或一组内容，这有助于帮助用户找到最重要的信息。例如，在邮件收件箱中，头像和内容摘要比邮件的时间更重要。
列表项最多可以包含三行文本，并且不同列表项的文本长度可以不同。如果要显示超过三行的文本，请使用卡片代替。
把最易分辨的元素放在列表项左边，不易分辨的元素放在列表项右边。
规格：
- 列表项中的大部分空间应该用于主要操作
- 把最易分辨的元素放在列表项左边
- 在有多行内容的列表项中，把最易区分的内容放在第一行
- 把辅助操作放在列表项右边
主操作占据了列表项中大部分空间。辅助操作放在列表项右侧。
操作
主操作和辅助操作（例如播放、缩放、删除和选择）可能会打开后续视图，例如卡片。它们不会出现子菜单或溢出菜单。
主操作
- 填满整个列表项，而不能由单独的图标或文本按钮来代表主操作
- 在特定的列表中，所有列表项的主操作都是相同的，例如音乐列表中的主操作是播放音乐。
辅助操作
- 用图标、辅助文本等表示
- 在列表中有相同的功能，例如使用一个图标显示某人是否在线
- 在列表的列表项中有相同的位置
重复操作
避免在列表项中显示重复的辅助操作，例如在每个列表项上都添加一个分享操作。
切换操作是一个例外，例如加星，因为它们提供有关每个单独列表项的唯一信息。
规格
在单行列表中，每个列表项包含一行文本。列表中列表项的文本数量可以不同。
单行列表规格
图标左侧内边距：16dp
列表项目左侧内边距：72dp
列表项目右侧内边距：16dp
单行列表示例
在两行列表中，每个列表项最多包含两行文本。列表中列表项的文本数量可以不同。
两行列表规格
图标左侧内边距：16dp
列表项目左侧内边距：72dp
列表右侧内边距：16dp
两行列表示例
在三行列表中，每个列表项最多包含三行文本。
列表中列表项的文本数量可以不同。
三行列表规格
图标左侧内边距：16dp
列表项目左侧内边距：72dp
列表右侧内边距：16dp
三行列表示例
单行列表
仅含文本
在列表上下添加 8dp 的内边距，含子标题的列表除外，它们自己有内边距。
底部内边距从基线开始测量。
单行列表
单行列表示例
单行列表规格
字体：Roboto Regular 16sp
高度：48dp
列表左右距离屏幕边缘的内边距：16dp
列表顶部内边距：8dp
紧凑型单行列表规格
字体：Roboto Regular 13sp
高度：40dp
列表左右距离屏幕边缘的内边距：16dp
列表顶部内边距：4dp
含图标和文本
列表上下添加 8dp 的内边距，含子标题的列表除外，它们自己有内边距。
底部内边距从基线开始测量。
含图标的单行列表
含图标的单行列表示例
含图标的单行列表规格
字体：Roboto Regular 16sp
高度：48dp
图标左侧内边距：16dp
文本左侧内边距：72dp
列表顶部内边距：8dp
含图标的紧凑型单行列表规格
字体：Roboto Regular 13sp
高度：40dp
图标左侧内边距：16dp
文本左侧内边距：72dp
列表顶部内边距：4dp
含头像和文本
底部内边距从基线开始测量。
在列表上下添加 8dp 的内边距，含子标题的列表除外，它们有自己的内边距。
含头像的单行列表
含头像的单行列表示例
含头像的单行列表规格
字体：Roboto Regular 16sp
高度：56dp
头像左侧内边距：16dp
文本左侧内边距：72dp
列表顶部内边距：8dp
含头像的紧凑型单行列表规格
字体：Roboto Regular 13sp
高度：48dp
头像左侧内边距：16dp
文本左侧内边距：72dp
列表顶部内边距：4dp
含头像、文本和图标
图标右侧内边距：16dp
列表上下添加 8dp 的内边距，含子标题的列表除外，它们自己有内边距。
底部内边距从基线开始测量。
含头像和图标的单行列表
含头像和图标的单行列表示例
含头像和图标的单行列表规格
字体：Roboto Regular 16sp
高度：56dp
头像左侧内边距：16dp
图标右侧内边距：16dp
文本左侧内边距：72dp
列表顶部内边距：8dp
含头像和图标的紧凑型单行列表规格
字体：Roboto Regular 13sp
高度：48dp
头像左侧内边距：16dp
图标右侧内边距：16dp
文本左侧内边距：72dp
列表顶部内边距：4dp
两行列表
仅含文本
主文本字体：Roboto Regular 16sp
辅助文本字体：Roboto Regular 14sp
列表项高度：72dp
文本左侧内边距：16dp
文本上下内边距：20dp
底部内边距从基线开始测量。
在列表的上下添加 8dp 的内边距。顶部含子标题的列表除外，它们有自己的内边距。
两行列表
两行列表示例
两行列表规格：
字体：Roboto Regular 16sp
高度：72dp
列表左右和屏幕边缘之间的内边距：16dp
顶部内边距：8dp
紧凑型两行列表规格：
字体：Roboto Regular 13sp
高度：60dp
列表左右和屏幕边缘之间的内边距：16dp
顶部内边距：4dp
含图标和文本
主文本字体：Roboto Regular 16sp
辅助文本字体：Roboto Regular 14sp
列表项高度：72dp
图标左侧内边距：16dp
文本左侧内边距：72dp
文本上下内边距：20dp
底部内边距从基线开始测量。
在列表上下添加 8dp 的内边距，含子标题的列表除外，它们自己有内边距。
含图标的两行列表
含图标的两行列表示例
含图标的两行列表规格：
字体：Roboto Regular 16sp
高度：72dp
图标左侧内边距：16dp
文本左侧内边距：72dp
列表上方内边距：8dp
文本右侧内边距：16dp
含图标的紧凑型两行列表规格：
字体：Roboto Regular 13sp
列表项高度：60dp
图标左侧内边距：16dp
文本左侧内边距：72dp
列表顶部内边距：4dp
文本右侧内边距：16dp
含头像和文本
主文本字体：Roboto Regular 16sp
辅助文本字体：Roboto Regular 14sp
列表项高度：72dp
头像左侧内边距：16dp
文本左侧内边距：72dp
文本上下内边距：20dp
底部内边距从基线开始测量。
图标和文本区域居中对齐。
在列表的上下添加 8dp 的内边距，含子标题的列表除外，它们有自己的内边距。
含头像的两行列表
含头像的两行列表示例
含头像的两行列表规格：
字体：Roboto Regular 16sp
列表项高度：72dp
头像左侧内边距：16dp
文本左侧内边距：72dp
列表上方内边距：8dp
文本右侧内边距：16dp
含头像的紧凑型两行列表规格：
字体：Roboto Regular 13sp
列表项高度：60dp
头像左侧内边距：16dp
文本左侧内边距：72dp
列表顶部内边距：4dp
文本右侧内边距：16dp
含头像、文本和图标
主文本字体：Roboto Regular 16sp
辅助文本字体：Roboto Regular 14sp
列表项高度：72dp
头像左侧内边距：16dp
文本左侧内边距：72dp
图标右侧内边距：16dp
底部内边距从基线开始测量。
在列表的上下添加 8dp 的内边距，含子标题的列表除外，它们有自己的内边距。
含头像、文本和图标
含头像、文本和图标的示例
含头像、文本和图标
字体：Roboto Regular 16sp
列表项高度：72dp
头像左侧内边距：16dp
文本左侧内边距：72dp
列表顶部内边距：8dp
文本右侧内边距：16dp
含头像、文本和图标的紧凑型列表
字体：Roboto Regular 13sp
列表项高度：60dp
头像左侧内边距：16dp
文本左侧内边距：72dp
列表顶部内边距：4dp
文本右侧内边距：16dp
三行列表
仅文本
主文本字体：Roboto Regular 16sp
辅助文本字体：Roboto Regular 14sp
列表项高度：88dp
文本左侧内边距：16dp
文本顶部内边距：16dp
文本底部内边距：20dp
底部内边距从基线开始测量。
在列表的上下添加 8dp 的内边距，含子标题的列表除外，它们有自己的内边距。
三行列表
三行列表示例
三行列表规格：
字体：Roboto Regular 16sp
列表项高度：88dp
文本左侧内边距：16dp
文本右侧内边距：16dp
列表顶部内边距：8dp
紧凑型三行列表规格：
字体：Roboto Regular 13sp
列表项高度：76dp
文本左侧内边距：16dp
文本右侧内边距：16dp
列表顶部内边距：4dp
含图标和文本
主文本字体：Roboto Regular 16sp
辅助文本字体：Roboto Regular 14sp
列表项高度：88dp
图标左侧内边距：16dp
文本左侧内边距：72dp
文本顶部内边距：16dp
文本底部内边距：20dp
底部内边距从基线开始测量。
图标和主文本的顶部对齐。
在列表的上下添加 8dp 的内边距，含子标题的列表除外，它们有自己的内边距。
含图标的三行列表
含图标的三行列表示例
含图标的三行列表规格：
字体：Roboto Regular 16sp
列表项高度：88dp
图标左侧内边距：16dp
文本左侧内边距：72dp
文本右侧内边距：16dp
列表顶部内边距：8dp
含图标的紧凑型三行列表规格：
字体：Roboto Regular 13sp
列表项高度：76dp
图标左侧内边距：16dp
文本左侧内边距：72dp
文本右侧内边距：16dp
列表顶部内边距：4dp
含头像和文本
主文本字体：Roboto Regular 16sp
辅助文本字体：Roboto Regular 14sp
列表项高度：88dp
头像左侧内边距：16dp
文本左侧内边距：72dp
文本上方内边距：16dp
文本下方内边距：20dp
底部内边距从基线开始测量。
头像和主文本顶部对齐。
在列表的上下添加 8dp 的内边距，含子标题的列表除外，它们有自己的内边距。
含头像的三行列表
含头像的三行列表示例
含头像的三行列表规格：
字体：Roboto Regular 16sp
列表项高度：88dp
列表顶部内边距：8dp
头像左侧内边距：16dp
文本左侧内边距：72dp
文本右侧内边距：16dp
含头像的紧凑型三行列表规格：
字体：Roboto Regular 13sp
列表项高度：76dp
列表顶部内边距：4dp
头像左侧内边距：16dp
文本左侧内边距：72dp
文本右侧内边距：16dp
含头像、文本和图标
主文本字体：Roboto Regular 16sp
辅助文本字体：Roboto Regular 14sp
列表项高度：88dp
头像左侧内边距：16dp
文本左侧内边距：72dp
文本上方内边距：16dp
文本下方内边距：20dp
右侧图标的内边距：16dp
底部内边距从基线开始测量。
头像及图标和主文本的顶部对齐。
在列表的上下添加 8dp 的内边距，含子标题的列表除外，它们有自己的内边距。
含头像和图标的三行列表
含头像和图标的三行列表示例
含头像和图标的三行列表规格：
字体：Roboto Regular 16sp
列表项高度：88dp
头像左侧内边距：16dp
文本左侧内边距：72dp
列表顶部内边距：8dp
图标左右内边距：16dp
含头像和图标的紧凑型三行列表规格：
字体：Roboto Regular 13sp
列表项高度：76dp
头像左侧内边距：16dp
文本左侧内边距：72dp
列表顶部内边距：4dp
图标左右内边距：16dp