通过使用流式布局及数据表的查询事件实现按照特定分类查询相册内容
效果展示
具体步骤
1.制作相册列表
2.制作相册数据表
3.添加查询相册数据事件
4.制作相册详情页
5.获取相册列表数据
6.获取相册分类详情数据
7.制作返回上一界面
步骤分解
1.制作相册列表
1.1. 拖拽循环容器 到 根容器中
1.2. 选中循环容器
1.3. 点击检查面板 的 样式
1.4. 配置循环容器样式
1.5. 选中循环条目
1.6. 配置循环条目的样式
1.7. 拖拽图片组件到循环容器条目中
1.8. 选中 图片组件
1.9. 铺满循环容器条目
1.10. 拖拽标签文本 到图片组件
1.11. 选中标签文本
1.12. 点击检查面板中的样式
1.13. 配置样式
1.14. 拖拽标签文本 到 根容器
1.15. 选中标签文本
1.16.配置标签文本的样式
2.制作相册数据表
2.1. 点击 数据中心
2.2. 创建数据表
2.3. 补充数据表数据
3.添加查询相册数据事件
3.1. 点击事件中心
3.2. 添加事件
制作相册详情页
4.1. 选中 图层
4.2.点击加号新建界面
4.3.拖拽流式布局列表到 根容器
4.4. 选中流式布局列表
4.5. 配置样式
4.6.拖拽图片组件到流式布局列表条目
4.7. 选中图片组件
4.8.配置样式
4.9. 拖拽标签文本到根容器中
4.10. 选中标签文本
4.11.调整样式
5.获取相册列表数据
5.1. 点击图层中的初始界面
5.2. 选中循环容器
5.3. 点击检查面板中的触发器
5.4. 创建触发器
5.5. 选中循环容器条目
5.6. 点击检查面板中的数据绑定与设置
5.7. 配置数据
5.8.选中循环条目中的图片组件
5.9. 创建触发器
6.获取相册分类详情数据
6.1. 选中流式布局
6.2.创建触发器
6.3.选中流式布局条目
6.4. 配置数据
7.制作返回上一界面
7.1. 拖拽图标到根容器
7.2. 选中图标
7.3. 选择一个返回图标
7.4. 选中图标
7.5. 创建触发器