使用 SAP UI5 3D Viewer 控件显示 3D 模型效果试读版

本文涉及的产品
交互式建模 PAI-DSW,5000CU*H 3个月
简介: 使用 SAP UI5 3D Viewer 控件显示 3D 模型效果试读版

借助 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) 解决方案的一部分。


image.png


我们点击 Browse 按钮,从本地选择一个 vds 文件,然后在 SAP UI5 应用里即可观察到其 3D 可视化效果,如下图所示:


image.png


我们可以在屏幕右侧的操作区域里,对这个 3D 圆柱模型进行任意的旋转和缩放,从不同角度观察其明细。


也可以通过下面这个 gif 图片,更好的观察到 SAP UI5 3D Viewer 控件支持的 3D 模型展示功能。

image.png


为了方便大家体验,我在本步骤源文件的 model 文件夹下也放置了一个 test.vds 文件,点击应用界面右下角的 Load Sample File,也能自动打开这个 3D 模型文件,省去了大家从本地文件系统选择 vds 文件的繁琐步骤。


下面是详细的实现步骤。



相关文章
|
5月前
|
搜索推荐 C#
一个适用于定制个性化界面的WPF UI组件库
一个适用于定制个性化界面的WPF UI组件库
|
8月前
|
数据可视化
使用 SAP UI5 3D Viewer 控件显示 3D 模型效果试读版
使用 SAP UI5 3D Viewer 控件显示 3D 模型效果试读版
33 0
|
7月前
SAP UI5 控件 ObjectStatus 的使用方法介绍试读版
SAP UI5 控件 ObjectStatus 的使用方法介绍试读版
51 0
SAP UI5 控件 ObjectStatus 的使用方法介绍试读版
|
7月前
SAP UI5 SmartTable 控件的使用介绍试读版
SAP UI5 SmartTable 控件的使用介绍试读版
55 0
|
8月前
|
Web App开发 前端开发 JavaScript
SAP UI5 应用 SimpleForm 控件 ResponsiveGridLayout 布局的工作原理深入剖析试读版
SAP UI5 应用 SimpleForm 控件 ResponsiveGridLayout 布局的工作原理深入剖析试读版
49 0
|
7月前
|
开发者
SAP UI5 应用开发教程之三十二 - 如何创建一个自定义 SAP UI5 控件试读版
SAP UI5 应用开发教程之三十二 - 如何创建一个自定义 SAP UI5 控件试读版
27 0
|
7月前
|
Web App开发 前端开发 JavaScript
SAP UI5 SmartForm 智能表单控件的使用方法介绍试读版
SAP UI5 SmartForm 智能表单控件的使用方法介绍试读版
28 0
|
8月前
|
Web App开发 XML 前端开发
SAP UI5 FileUploader 控件深入介绍 - 为什么需要一个隐藏的 iframe 试读版
SAP UI5 FileUploader 控件深入介绍 - 为什么需要一个隐藏的 iframe 试读版
33 1
|
8月前
|
Web App开发 前端开发 JavaScript
SAP UI5 应用开发教程之九十五 - SAP UI5 下拉菜单(Select) 控件的使用方式试读版
SAP UI5 应用开发教程之九十五 - SAP UI5 下拉菜单(Select) 控件的使用方式试读版
41 0
|
8月前
|
Web App开发 JSON 前端开发
SAP UI5 应用开发教程之六十一 - 在 SAP UI5 应用里绘制甘特图 Gantt Chart 试读版
SAP UI5 应用开发教程之六十一 - 在 SAP UI5 应用里绘制甘特图 Gantt Chart 试读版
49 0