在 3D 场景与数字孪生可视化中,模型状态切换是提升交互体验的常用功能。本文将介绍如何为模型配置两种状态,并通过状态切换实现模型显隐控制,帮助用户快速掌握状态配置与显隐逻辑,让场景展示更灵活、更直观。
1.在左侧组件库中添加“3D空场景”和“按钮”组件至项目。
接着双击进入编辑界面,添加相应的模型。
2.选中名称为“高层建筑”的模型,在右侧面板中“新建状态”,并将其自定义命名为“隐藏状态”。
3.在“样式”配置栏中选择“默认状态”,并开启“是否显示”开关。
接着参照上一步,切换状态为“隐藏状态”,并关闭“是否显示”开关,这里的状态为上述新建的状态名称。
4.退出编辑模式后,选中按钮组件,修改“文本”内容以便于识别与操作。
5.选中按钮组件,在右侧配置栏中添加“交互”,触发“点击”事件,执行“切换状态”动作;将目标组件设为“高层建筑”,目标状态选择“默认状态”。
另一按钮可参照相同步骤操作,仅需将目标状态设置为“隐藏状态”即可。
展示效果如下:
评论0