网格模板

网格模板以网格布局呈现商品,当用户主要依靠图片来做出选择时,此模板非常有用。

此模板可嵌入到 Tab 模板中以提供标签页式导航,也可包含在 Map + Content 模板中以在地图上提供网格。

网格模板包含以下内容:

为了获得更高的灵活性并充分利用最新功能,请使用“分段商品”模板,而不是“网格”模板。借助分段项目模板,您可以混搭列表和网格,以创建自定义浏览结构。

网格模板示例
网格模板示例
网格模板示例
地图上的网格模板

网格模板用户体验要求

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

资源

类型 链接
API 参考文档 GridTemplate, GridTemplate.Builder