今天为大家分享我做的一个宫格式导航。宫格式导航被广泛应用于各平台系统的中心页面,我们经常用的支付宝、美图秀秀等app是用的这个样式的导航来完成交互。这种导航主要使用于独立、无功能交叉、切换不频繁的程序功能,宫格式页面导航从视觉呈现上看分类清晰、风格简约,在应用中很常见。下面先来看一下制作的效果:
制作思路
- 创建数据模型-》导航页中列表绑定分类数据-〉商品页中列表绑定商品数据
- 商品页设置「链接数据」-》商品页中列表设置「过滤条件」,即「所属分类 等于 链接数据」
- 导航页中列表的具体项目设置「行为-跳转」-》设置跳转时候的链接数据为分类数据的名称