网格列表是另一种列表视图形式。当数据可以通过图片表达的时候,就很适合使用网格列表。与简单的列表不同,网格列表可以垂直滚动也可以水平滚动。

基本网格列表

网格列表中的项目按照两个方向进行排列,滚动时,另一个方向的排列不会发生变换。滚动方向表明了项目排列的顺序。由于滚动方向在不同的应用中可能不同,所以通过切断溢出的内容,提示用户向某个方向滚动。

不要在两个方向上都能够滚动。

垂直滚动的

垂直滚动的网格列表按照一般的西方阅读顺序排列: 从左往右,从上到下。显示列表时,可以切断当前屏幕中最下面一行,提示用户向下滑动还有更多内容。请注意,当用户旋转屏幕时,仍然保持这种模式。

水平滚动的

水平滚动的网格列表,高度是固定的。不同于垂直滚动列表,水平滚动列表采用先从上到下,再从左往右的排列顺序。同样适用切断边界项目的方法,提示用户右边还有内容。

不要同时使用滚动标签和水平滚动列表。它们都使用相同的左右滑动手势,会引起冲突。使用滚动标签时,配合使用垂直滚动列表。

带有标签的网格列表

使用标签为您的网格列表显示更多的上下文信息。

样式

使用半透明背景的标签栏显示信息。您可以控制标签的大小比例,确保文字足够清晰同时展现亮丽的图片内容。