在可视化界面与大屏交互设计中，按钮组的状态统一管理是提升体验的关键。如何实现点击一个按钮时自动重置其他按钮为默认样式，让选中状态清晰唯一，本文将简要介绍这一实用交互的实现思路。
1.在左侧组件库添加两个“按钮”组件至项目中
接着选中左侧的图层按钮，右键选择“重命名”，便于后续添加交互时快速识别并勾选对应组件。
2.选中按钮 1，在右侧“样式”面板中进入“样式设置”，在“选中后”选项下开启“启用选中”；并在“文字样式”中调整“字体”大小与颜色，以便清晰区分状态。
3.选中按钮 2，在右侧配置栏选择“交互”设置，触发“点击”事件并执行“自定义”动作；将目标组件设为 “按钮 1”，自定义动作选择 “取消按钮选中” 即可。
展示效果如下：
朝乐 
咨询热线0571-88650917
评论0