网格列表

网格列表最适合用于呈现同类数据，通常是图片，并且被优化用于增强视觉理解，以及区分相似的数据类型。

网格列表是由一组重复样式的单元格以垂直和水平方式进行排列组成的。

瓦片包含内容，并可以横向或纵向跨越一个或多个单元格。

如果瓦片中的内容需要突出显示，以便区分主要内容部分，请考虑使用其他为显示文本和便于阅读理解做过优化的容器，例如列表或卡片。

列表：为阅读理解做了优化，特别是用于比较一组包含多种数据类型的数据时。

卡片：用于格式不一致的内容，例如具有可变长度标题的图片，或由各种不同内容组成的数据集，例如由照片、视频和书籍组成的混合数据集。

滚动

网格列表通常只能垂直滚动。

不建议进行水平滚动，因为水平滚动和传统的阅读方式冲突，影响理解。有一个例外：网格列表只含单行图片时，可以水平滚动，例如相册，这是和传统的阅读方式兼容的。

在视图的初始滚动位置切断网格瓦片，来表明该网格列表的内容超出了视图，是可以滚动的。

手势

不允许为每个瓦片都添加滑动操作。不鼓励使用选取并移动操作。

瓦片的过滤和排序

网格列表中的内容可以按照日期、文件大小、字母顺序或其他参数进行过滤和排序。

网格列表中的第一个元素位于左上角，并且顺序为从左到右、从上到下。

尺寸和大小调整

调整网格列表的大小会导致水平空间的大小发生变化，从而导致瓦片进行重新排序。全出血网格列表瓦片会自动调整大小来适应屏幕的宽度。

当水平空间缩小时，网格列表不会转换为列表。网格列表和列表的结构不同，用于强调不同的数据类型。网格列表中图片比文本重要，列表中文本比图片重要。

为了保持整个网格列表的节奏一致，把过长的文本内容截断。或者，增加网格的大小，以使瓦片能够包含更长的标题。

响应式设计

全屏网格列表应该使用具有最小和最大宽度的流式图像比率，比率根据比率关键线获得。它们应该保持固定的高度、外边距和内边距。

居中的网格列表有最小宽度和流式外边距。它们保持固定的图片宽度、高度和内边距。