列表将多个行项目垂直显示为单个连续元素。
列表由连续的行列组成。每行包含一个图块。主要操作填充图块，补充操作由图标和文本表示。
列表最适合类似的数据类型。
用法
一个列表由相同的宽度叫做细分的子部分的单个连续列的行，作为用于容器发挥功能的瓦片。
图块包含内容，并且列表中的高度可以不同。
列表最适合呈现同类数据类型或数据类型集，例如图像和文本。它们针对阅读理解进行了优化，同时区分了相似数据类型或单一数据类型中的质量。
列表替代品：
- 如果超过三行文本需要在列表的图块中显示，使用卡代替
- 如果主要区分内容由图像组成，请使用网格列表
密度
当鼠标和键盘是主要输入方法时，可以压缩测量值以适应更密集的布局。
行为
滚动
列表仅垂直滚动。
手势
每个磁贴的滑动操作应在列表中保持一致。
可以在列表和放置目标之间移动平铺（类似于将文件移动到文件夹中）并拾取并在列表中手动重新排序。
过滤和排序
可以按日期，文件大小，字母顺序或其他参数对列表切片进行排序或过滤。
内容
列表块的集合以一致的格式呈现相关内容。列表使用层次结构来确定一个或一组内容的优先级，这有助于用户找到最重要的信息。例如，在电子邮件收件箱应用程序中，会在时间戳上强调化身和文本片段。
列表图块最多可包含三行文本，文本长度可能在同一列表中的图块之间有所不同。要显示三行以上的文本，请使用卡片。
产品规格：
- 列表磁贴上的大部分空间应专用于主要操作
- 将最有区别的内容放在图块的左侧
- 在具有多行内容的切片中，将最有区别的内容放在第一行中
- 在右侧放置补充措施
操作
主要和补充操作（例如播放，放大，删除和选择）可以打开后续视图，例如卡片。它们没有子菜单或动作溢出菜单。
主要行动
- 填充整个图块，并不仅仅由单个图标或文本按钮表示
- 对于特定列表中的所有切片都是一致的，例如播放歌曲的音乐列表中的主要操作
补充行动
- 用图标，辅助文本等表示
- 在整个列表中具有一致的功能，例如指示某人是否在线的图标
- 在列表的图块中具有一致的位置
重复动作
避免在图块中显示重复的补充操作，例如每个图块中的共享操作。
切换，例如星形或引脚，是例外，因为它们提供关于每个单独图块的唯一信息。
规格
在单行列表中，每个图块都包含一行文本。文本的数量可以在同一列表内的图块之间变化。
在两行列表中，每个图块最多包含两行文本。文本的数量可以在同一列表内的图块之间变化。
在三行列表中，每个图块最多包含三行文本。 文本的数量可以在同一列表内的图块之间变化。
单行列表
纯文本
在列表的顶部和底部添加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 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
扫一扫
450
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
