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

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


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


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


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


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


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


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


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


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


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


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

沧澜 沧澜

登录一下,更多精彩内容等你发现,贡献精彩回答,参与评论互动

登录! 还没有账号?去注册

评论0

暂无评论

咨询热线0571-88650917
地址 公司 邮箱

杭州市文一西路海创科技中心 311121

杭州多算科技有限公司

support@shanhaibi.com

关注山海鯨官方qq群,了解更多内容

QQ群号:788095444

Copyright © 2020-2026 多算科技, All Rights Reserved. 浙ICP备20006837号-5