【功能演示】怎样通过按钮实现分组面板选项的切换控制?
12 小时前

在数据可视化与交互界面设计中,使用按钮实现分组面板的灵活切换,是提升操作便捷性与信息展示效率的常用交互方式。本文围绕怎样通过按钮实现分组面板选项的切换控制这一核心问题,介绍具体实现逻辑与配置方法,为界面交互优化提供简单实用的解决方案。


1.在左侧组件库中,添加“可切换分组面板(选项卡)”“按钮”组件至项目中。


2.选中对应按钮后,在左侧图层列表中右键选择“重命名”,并在右侧“样式”配置面板中修改按钮“文本”内容,完成命名统一,便于后续添加交互与效果观察,同理另一个按钮也类似操作。


3.选中其中一个按钮,在右侧配置面板中添加“交互”,设置触发方式为“点击”,执行“自定义”操作;将“目标组件”指定为“可切换分组面板(选项卡)”“动作”选择“控制选项卡”“选项”设为“前一项”即可。


同理,另一个按钮类似操作。


展示效果如下:

朝乐 朝乐

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

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

评论0

暂无评论

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

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

杭州多算科技有限公司

support@shanhaibi.com

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

QQ群号:788095444

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