关于javascript:3D可视化平台Sovit3D的新功能小部件使用方法

35次阅读

共计 1086 个字符,预计需要花费 3 分钟才能阅读完成。

随着物联网的疾速倒退,3D 可视化也开始承载越来越多的性能,这象征更粗疏的交互要求、更简单的逻辑关系,更会产生更宏大的开发工作量。

为了加重用户开发压力,数维图技术团队始终致力于 3D 可视化技术的研发,一直优化平台性能,以达到更低的应用门槛,晋升 3D 可视化开发效率。

近日,数维图团队就在 Sovit3D 平台上更新了「小部件」性能,这个性能能够零代码给三维场景中的模型组件增加数据面板,还能够通过鼠标事件弹出数据面板。

接下来,跟这小编一起看看这个「小部件」性能到底如何应用?

Sovit3D“小部件”性能应用办法

1. 关上“Sovit3D 编辑器”,找到“小部件”选项,并单击;

2. 点击“+”创立小部件;

3. 在关上的编辑页面中编辑小部件(能够通过属性栏批改小部件的长、宽、背景色等属性);**

4.“小部件”中能够拖动图表或组件进行编辑,同时能够绑定动态数据(在应用小部件的时, 可设置查问参数用来传递到小部件中)。


5. 在 3D 场景中通过数据配置应用小部件。如下图:

// a. 在场景中选中要增加小部件的模型对象 (上图 1) 选中了一个水槽,而后在 3D 模型仓库中点击二维 DIV 层(上图 2),这个时候会给场景中被选中的水槽增加一个二维面板(上图 3),点击选中这个小部件,而后通过 XYZ 的箭头调整地位。

// b. 点击选中二维小面板,左边会弹出一个“属性栏”,在外面能够批改小面板的款式和背景色彩,目前反对两种款式(如下图):

留神:款式 2 效果图能够通过属性中的“方向”属性调整方向(左上、右上、左下、右下)。

// c. 抉择“数据栏”,在“数据绑定”中抉择“嵌入小部件”,抉择设计好的小部件即可。如果小部件中要传递参数,则须要配置好参数值,配置完当前保留场景即可。

留神:配置嵌入小部件时,小部件的成果不会在场景中显示进去,能够通过预览场景查看成果。

6. 在 3D 场景中给模块增加事件,并调用小部件。

下面第 5 步是在场景中间接显示小部件,小部件加到场景中后会始终显示。这里将解说如何通过鼠标事件弹出小部件(当鼠标在场景的模型上产生点击或移入移出动作时,就会触发「小部件」弹出事件)。如下图:

① 在场景中选中要增加事件的模型组件,左边会弹出“属性配置”框,抉择“事件”选项。

② 事件类型抉择“鼠标进入事件”。

③ 交互方式抉择“弹出层(绑定小部件)”。

④ 在小部件下拉列表中抉择设计好的小部件,并配置好色彩。

⑤ 小部件中对接的数据接口配置了带参数的接口,这里配置要传递的参数。

预览后的成果如下:

以上就是对于 Sovit3D 可视化开发平台新性能「小部件」的全部内容,如您有任何应用中的问题,请及时分割数维图,咱们会第一工夫为您提供业余解答!

正文完
 0