怎么用下拉框的选项来控制图片组件是否开启鼠标穿透
2025-01-02 19:33
独角鲸 前台管理员
2025-05-09 15:14

想要实现这个效果可使用下列方法:首先需要添加一个项目参数,并为下拉菜单组件添加一个交互:用来修改项目参数的值。再将这个项目参数作为数据条件去判断,从而控制图片组件的鼠标穿透,下面是具体的示例步骤:


在项目中添加一个下拉菜单组件和图片组件。


点击左上方的“项目-项目设置”,添加一个新的项目参数并设置参数的默认值,如下图所示:


点击选中下拉菜单组件,添加一个新的交互,用来修改项目参数,开启动态值并设置为“当前组件值”,此时当我们在下拉菜单组件中选择“选项卡一”时,项目参数a的值就会变为“选项卡一”,当我们选择“选项卡二”时,项目参数a的值就会变为“选项卡二”


然后点击“数据-数据条件,创建第一个数据条件,条件是:项目参数a的值等于选项卡一,如下图所示:


接着创建第二个数据条件,条件是:项目参数a的值等于选项卡二,创建成功后点击下方的“确认”按钮进行保存。


设置完成后,我们需要使用数据条件来修改图片组件的样式:将鼠标悬停在“鼠标穿透”设置项上,就可以看到扩展设置的菜单按钮,点击之后就会打开扩展设置菜单,点击生成条件样式


设置条件样式的前提是已经设置好了数据条件,这里我们选择之前设置的两个条件,并分别控制“鼠标穿透”的开启和关闭:


这样我们就完成了所有的设置,当在下拉菜单中选择“选项卡一”时,开启图片组件的鼠标穿透,我们无法选中图片,选择“选项卡二”时,不开启鼠标穿透,可以选中图片,效果如下图所示:

相关问题

用图片上面的绿色软件接收plc的数据,然后用山海鲸数据管家接收keps的数据,再用山海鲸可视化接收数据管家那边的数据最看板,数据导入进去以后,不见了,不显示,怎么解决
按照教程做树状图,显示有两个总览,怎么修改?
这个标记点的框怎么去调整它的大小啊
这种报警信息怎么做呢,现场很多材料,库存不足需要报警。怎么对采集到的数据进行判断进而反馈到表格里面
建筑模型的室内需要提前设置好导入吗,怎么点击看室内场景
鲸地图的图形点击后切换视角,怎么操作让视角切换回全局视角
一个按钮可以控制开和关两个状态么,第一次点击开,第二次点击关
像标记这种的和数据绑定的 小车轨迹的动态的,我怎么根据自己的业务去及时修改显示的那个数字,还有这个标记的这种,我怎么控制不是通过点击去弹出其中指定的某一个的弹框显示
可视化大屏有很多监控需要展示,能不能做成下拉菜单的形式点击查看,要怎么实现呢?
客户的mac系统怎么安装山海鲸
扫描关注公众号

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

了解更多内容

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

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

杭州多算科技有限公司

support@shanhaibi.com

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

QQ群号:788095444

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