如何实现复选按钮组件的效果
2025-07-02 16:23
南佳 前台管理员
2025-07-02 17:11

目前山海鲸可视化中还没有复选框组件,可以通过给按钮组件设置不同状态,不同状态中添加不同的背景图片的方式实现。组件多状态可以参考此教程:设置组件的多状态 - 项目制作 - 山海鲸可视化

首先添加按钮组件,给按钮组件设置两个状态(未选中状态和选中状态),两个状态分别上传不同背景图片

然后在未选中状态下添加切换状态交互

接着在选中状态下添加切换状态交互

这样就能实现如下复选框的效果:

需要多个复选框就设置多个按钮,设置步骤和上述的一样,效果如下:


相关问题

山海鲸中如何通过按钮组件来控制多个组件显示或者隐藏?
表格最后一列的操作按钮,点击这个按钮把这一行的数据传递到弹框中,然后弹框里有iframe组件,地址需要拼接传递过来的id,我想问下这里怎么操作呢
在一个表格中选中一行或者多行后,想通过点击旁边设置的按钮控件、将选中的数据传给api接口,这个怎么实现
我可以在iframe里的网页向孪生平台发postmessage消息来实现某些动作。那孪生平台能否通过点击按键等交互,向iframe发送postmessage消息?
如何解决4.0.2版本在按钮上设置了一个路径动画的跳转帧数的交互,但只能实现一次的问题?
软件在运行一段时间后(如连续使用3 - 4小时),内存占用持续升高,导致软件运行越来越卡顿,如何解决内存优化问题?
使用二开实现了一个echarts图表,能否实现点击下拉框时,实时切换echarts的数据
这种按钮透视效果 软件内部可以调整吗 还是只能用带有透视效果的素材,不是背景透明 是平面透视 左宽右窄的透视 不是透明度
如何在山海鲸可视化中为图表添加动态水印,防止作品被随意盗用或传播?
是否支持在数字孪生场景中添加虚拟按钮,点击后触发物理设备的实际操作?
扫描关注公众号

更多数字孪生可视化干货内容等你发现

了解更多内容

扫一扫
加入官方微信群
咨询热线0571-88650917
地址 公司 邮箱

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

杭州多算科技有限公司

support@shanhaibi.com

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

QQ群号:788095444

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