【功能演示】按钮组件设置点击一个时另一个取消选中

0 阅读1分钟

在使用按钮组件时,我们有时会需要在选中一个按钮的同时,将另一个按钮切换为未选中状态,此时我们就可以通过交互设置来实现该效果。

下面我们就为大家详细介绍一下,应该如何设置按钮组件设置点击一个时另一个取消选中。

  1. 首先,添加一个 “按钮” 组件。

  1. 修改按钮样式,设置显示文本为 “未选中” ,然后打开右上角状态设置菜单,点击 “新建状态”

  1. 新建状态名称设置为 “已选中” ,然后点击 “确定”

  1. 此时会自动切换到 “已选中” 状态,在该状态下将显示文本设置为 “已选中”

  1. 复制该 “按钮” 组件,切换回到默认状态,然后对其进行交互设置。

  1. 首先,设置点击该组件后从默认状态切换为 “已选中” 状态的交互。

  1. 接着设置点击时将另一个 “按钮” 组件切换为默认状态的交互。

  1. 另一个 “按钮” 组件的交互设置与之相似,只需对调设置交互时的 “目标组件” 即可。

这样我们就完成了设置,效果如下图所示: