借助 SAP UI5 控件家族提供的 3D Viewer 控件,我们可以直接在浏览器里实现一些基本的 3D 可视化功能。
首先看一看按照本教程的步骤,完成开发后,得到的 3D 显示效果如何。
我们启动应用,可以看到屏幕下方有两个按钮,左边的按钮可以从本地加载一个 3D 模型文件,一种支持的后缀为 .vds. 这个扩展名与 SAP Visual Design Stream 文件格式和相应的文件类型相关联。 VDS(以前称为 Deep Vision)最初由 Right Hemisphere 通过其 Deep Exploration(现称为 SAP Visual Enterprise Author)综合 3D 可视化工具开发和推广,现在是 SAP Visual Enterprise Technology (VET) 解决方案的一部分。
我们点击 Browse 按钮,从本地选择一个 vds 文件,然后在 SAP UI5 应用里即可观察到其 3D 可视化效果,如下图所示:
我们可以在屏幕右侧的操作区域里,对这个 3D 圆柱模型进行任意的旋转和缩放,从不同角度观察其明细。
也可以通过下面这个 gif 图片,更好的观察到 SAP UI5 3D Viewer 控件支持的 3D 模型展示功能。
为了方便大家体验,我在本步骤源文件的 model 文件夹下也放置了一个 test.vds
文件,点击应用界面右下角的 Load Sample File
,也能自动打开这个 3D 模型文件,省去了大家从本地文件系统选择 vds 文件的繁琐步骤。
下面是详细的实现步骤。