在使用按钮组件时,我们有时会需要在选中一个按钮的同时,将另一个按钮切换为未选中状态,此时我们就可以通过交互设置来实现该效果。
下面我们就为大家详细介绍一下,应该如何设置按钮组件设置点击一个时另一个取消选中。
- 首先,添加一个 “按钮” 组件。
- 修改按钮样式,设置显示文本为 “未选中” ,然后打开右上角状态设置菜单,点击 “新建状态” 。
- 新建状态名称设置为 “已选中” ,然后点击 “确定” 。
- 此时会自动切换到 “已选中” 状态,在该状态下将显示文本设置为 “已选中” 。
- 复制该 “按钮” 组件,切换回到默认状态,然后对其进行交互设置。
- 首先,设置点击该组件后从默认状态切换为 “已选中” 状态的交互。
- 接着设置点击时将另一个 “按钮” 组件切换为默认状态的交互。
- 另一个 “按钮” 组件的交互设置与之相似,只需对调设置交互时的 “目标组件” 即可。
这样我们就完成了设置,效果如下图所示: