网格模板以网格布局呈现商品,当用户主要依靠图片来做出选择时,此模板非常有用。
此模板可嵌入到 Tab 模板中以提供标签页式导航,也可包含在 Map + Content 模板中以在地图上提供网格。
网格模板包含以下内容:
- 可选的标头(当此模板嵌入到标签页模板中时,标头会被替换为标签页)
- 网格项(请参阅下方的注意),每个网格项都包含一个图标或一张大尺寸图片
- 每个网格项的主要文本(可选)
- 每个网格项的辅助文本(可选)
- 图片或图标(可选)
- 徽章
- 可选的悬浮操作按钮
为了获得更高的灵活性并充分利用最新功能,请使用“分段商品”模板,而不是“网格”模板。借助分段项目模板,您可以混搭列表和网格,以创建自定义浏览结构。


网格模板用户体验要求
应该 | 限制主要文本字符串和次要文本字符串的长度,以避免截断。 |
应该 | 为每个网格项关联一个操作(不建议使用仅包含信息的项)。 |
应该 | 通过图片、图标或文字的变化,清晰指示商品状态(对于具有多种状态的网格商品,例如选中和未选中)。 |
应该 | 应当包含一个标头,其中可选择性地添加标题以及主要和次要操作。 |
不应 | 同时包含操作条和悬浮操作按钮。 |
MAY | 当与网格项关联的操作正在进行时,显示加载微调框,而不是该网格项的图标或图片。 |
资源
类型 | 链接 |
API 参考文档 |
GridTemplate, GridTemplate.Builder
|