使用触发器的隐藏,实现列表消息的清除
效果展示
前置准备
1. 消息列表素材
具体步骤(6)
1.添加消息列表背景
2.制作标题
3.制作标记已读
4.制作未读消息气泡
5.创建隐藏触发器
6.创建标记已读触发器
步骤分解
1.添加消息列表背景
1.1. 拖拽图片组件到根容器
1.2. 选中图片组件
1.3. 点击 检查面板 中的 数据绑定与设置
1.4. 上传图片素材
1.5. 点击检查面板 中的 样式
1.6. 调整图片组件样式
2.制作标题
2.1. 拖拽标签文本到根容器
2.2. 选中标签文本
2.3. 点击检查面板 中的 样式
2.4. 配置 标签文本样式
3.制作标记已读
3.1. 拖拽标签文本到根容器
3.2. 选中 标签文本
3.3.点击检查面板 中的 样式
3.4.配置标签文本样式
3.5. 拖拽标签组件 到 根容器
3.6. 点击检查面板 中的数据绑定与设置
3.7. 选择图标
3.8. 选中 图标
3.9.点击检查面板中的样式
3.10. 配置图标样式
4.制作未读消息气泡
4.1. 拖拽标签文本 到消息列表素材
4.2.选中标签文本
4.3. 点击检查面板中的样式
4.4. 调整标签文本的样式
5.创建隐藏触发器
5.1. 选中未读消息气泡
5.2.点击检查面板 中的 触发器
5.3.配置触发器
5.4.其余未读消息气泡操作逻辑相同
6.创建标记已读触发器
5.1. 选中标记已读标签文本
5.2. 点击 检查面板中的触发器
5.3. 配置触发器