通过触发器中的执行其它触发器动态显示夜间模式和日光模式图标的显示和隐藏,同时使用组件切换器控制不同组件之间的切换
效果展示
具体步骤
制作按钮切换模式
制作切换图标
创建开关切换触发器
创建图标显示隐藏触发器
创建日光模式和夜间模式的触发器
制作夜间模式和日光模式页面
设置组件切换器的链接内容
步骤分解
制作按钮切换模式
拖拽开关到根容器
选中开关
点击检查面板中的 数据绑定与设置
选择默认激活模式
点击检查面板中的样式
配置样式
配置样式完成后,关闭默认激活模式
制作切换图标
拖拽图标到根容器中
点击检查面板 中的数据绑定与设置
选择太阳图标
月亮图标的操作相同
创建开关切换触发器
选中开关
点击检查面板 中的 触发器
创建触发器
创建图标显示隐藏触发器
选中图标
点击 检查面板中的触发器
创建 触发器
月亮图标的相关触发器,操作逻辑相同
将月亮图标 拖到 太阳图标上
创建日光模式和夜间模式的触发器
拖拽容器到根容器 中
选中容器
点击检查面板 中的样式
配置样式
新增一个样式
点击选中
配置样式
拖拽 标签文本 到样式
选中标签文本
点击检查面板中的 样式
配置字体 样式
新增一个样式
配置样式
制作夜间模式和日光模式页面
选中容器
点击检查面板 中的触发器
创建触发器
选中开关
添加执行触发器