网格列表

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

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

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

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

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

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

滚动

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

不建议进行水平滚动，因为水平滚动和传统的阅读方式冲突，影响理解。有一个例外：当网格列表仅包含单行图片（例如相册）时，可以采用水平滚动，因为这种模式与传统的阅读方式相符。

在视图的初始滚动位置切掉部分网格项，以表明内容超出视图范围并可沿该方向滚动。

手势

不允许为每个网格项都添加滑动操作。不鼓励使用拖放操作。

网格项的过滤和排序

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

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

尺寸和大小调整

调整网格列表的大小会导致可用水平空间发生变化，从而使网格项重新排列。跨越多列的网格项会自动调整大小以适应屏幕宽度。

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

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

响应式设计

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

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