开关
应用场景
在应用设计中,开关(Toggle Switch)这种组件经常用于以下场景:
- 设置选项:用于在两种状态之间切换,如打开或关闭应用的某项功能。常见的例子包括启用/禁用通知、开关暗模式等。
- 偏好选择:让用户选择他们的偏好设置,例如选择是使用移动数据还是仅在Wi-Fi下工作。
- 状态切换:在两个互斥的选项间进行选择,如切换账户的在线/隐身状态。
- 权限控制:允许用户开启或关闭对某些设备功能的访问权限,例如位置、相机或麦克风权限。
- 配置切换:在不同的配置或模式之间切换,例如更改应用的布局或视图模式。
- 个性化设置:用于调整用户界面的个性化设置,如切换主题颜色或字体大小。
- 简单操作:用于执行简单的开/关操作,比如开关闹钟、定时器等。
- 隐私设置:管理用户的隐私设置,例如是否显示在线状态或最后一次活动时间。开关组件因其直观和易用性而在应用设计中非常普遍,尤其适合于需要快速切换两种状态的场景。设计时通常应确保开关的状态一目了然,且易于操作。
开关组件设计
Zion 提供三种开关样式供用户选择
💡 Tips: 1、开关组件暂不提供自定义样式,但可以通过【条件式容器】和【图片】组件自定义开关其他样式
选择样式后,你可以配置开关选中时候的颜色
开关组件内容
内容配置
开关组件内容中填写的值为布尔类型,在文本内容输入的值也只限于true/false,输入其他内容会报错
true为选中,false为未选中,填写不同的值时,开关组件会展示不同的样式,注意:true、false 一定要是小写
输出配置
开关属于输入类组件,如果数据表中定义了布尔值类型的字段,在添加或者更新数据时,可以在「输入框」数据中找到开关来进行数据绑定,绑定的结果就是开关目前的状态值,即true/false
img | img |
---|---|
开关组件交互
当希望在开关状态改变时触发某些交互行为时,可以直接在开关组件的交互中找到「开关状态变化时触发」,在这里配置相应的交互行为
使用示例
典型的使用情况为官方模版待办事项中关于开关组件的使用 将开关组件作为待办事项的是否完成开关,在添加待办事项时,默认开关组件为false,即未完成,已完成则点击开关按钮,转换为true
img | img |
---|---|