信息面板
标记

信息面板是一种用于在三维场景中展示表单项或富文本内容的标绘节点
在信息面板节点的 组件配置 以及 面板配置 用以配置通用的信息面板样式模板,所有子元素都会应用该样式。
在 图层面板 中 信息面板节点 下会根据当前的子元素数据展示对应的子元素节点,可点击对应子元素节点修改子元素的名称、位置等信息。
属性
基础
名称: 节点的名称。
位置: 子元素的原点三维位置,修改后所有子实例的三维位置都会相对其变化。单位为
米。

组件
可添加多个组件补充标绘的内容和展示效果,支持图片、视频以及模型的内容。
点击右侧 + 按钮可添加组件,点击组件名称右侧的 x 按钮可删除对应组件。
显示: 控制组件是否在场景中显示。
位置: 组件相对于
子元素在三维空间中的位置坐标。单位为米。旋转: 组件沿 X、Y、Z 轴的旋转角度。单位为
度。缩放: 组件沿 X、Y、Z 轴的缩放比例。可开启
等比缩放
,开启后修改单个轴的数值则会根据修改之前的比例自动修改其他轴的缩放大小。禁用灯光: 控制组件是否受灯光影响。
自发光: 控制组件是否具有自发光效果。
可选中: 组件是否可选中。开启选中后,鼠标悬浮到标记上方时鼠标样式会自动变为小手,同时会触发相应的
悬浮和选中事件。

图片
图片内容: 可选择
素材库中的图片或直接输入图片的 URL 地址。尺寸: 设置图片在场景中的宽度(W)和高度(H)。单位为
米。朝向: 控制图片的朝向方式。
默认: 图片朝向不随相机视角变化而变化。
始终朝向屏幕: 图片始终正对屏幕。
水平朝向屏幕: 图片在水平方向上始终朝向屏幕,垂直方向保持不变。
垂直朝向屏幕: 图片在垂直方向上始终朝向屏幕,水平方向保持不变。

视频
视频内容: 可选择
素材库中的视频文件或直接输入视频的 URL 地址。尺寸: 设置视频在场景中的宽度(W)和高度(H)。单位为
米。朝向: 控制视频的朝向方式。
默认: 视频朝向不随相机视角变化而变化。
始终朝向屏幕: 视频始终正对屏幕。
水平朝向屏幕: 视频在水平方向上始终朝向屏幕,垂直方向保持不变。
垂直朝向屏幕: 视频在垂直方向上始终朝向屏幕,水平方向保持不变。
播放速率: 控制视频的播放速度倍率。数值为 1 表示正常播放速度,大于 1 表示加速播放,小于 1 表示减速播放。

模型
资产: 展示当前使用的资产库模型预览图。可从 资产库 中拖拽模型到预览图区域进行模型替换。
地址: 通过地址链接的方式加载外部模型。

面板
显示: 控制面板内容是否在场景中显示。
内容: 点击
编辑内容按钮可编辑面板显示的文本内容,支持富文本格式。提示
在编辑的内容中可使用
{{属性名}}的形式引用对应的属性值,例如{{title}}为展示该子元素的名称。若添加了一个属性名为name的自定义属性,则可通过{{name}}展示对应子元素上配置的属性值。位置: 信息面板相对于
子元素在三维空间中的位置坐标。单位为米。尺寸: 设置面板的宽度(W)和高度(H)。单位为
米。朝向: 控制面板的朝向方式。
默认: 面板朝向不随相机视角变化而变化。
始终朝向屏幕: 面板始终正对屏幕。
水平朝向屏幕: 面板在水平方向上始终朝向屏幕,垂直方向保持不变。
垂直朝向屏幕: 面板在垂直方向上始终朝向屏幕,水平方向保持不变。
可点击: 控制面板是否可点击。
样式
用以配置 面板内容 的整体默认文字样式。权重低于在 面板内容 中配置的对应样式。
文字: 设置文本的字体类型、加粗、斜体和字体大小。字体大小单位为
px。间距: 设置文本内容的内边距,包括上、右、下、左四个方向的间距。单位为
px。

轮播动画
启用轮播动画功能可以让可见的子元素按照设定的时间间隔依次显示,实现动态轮播效果。轮播过程中触发 悬浮 或 选中 状态时会暂停轮播,取消 悬浮 或 选中 状态时会继续轮播动画的播放。
提示
在编辑器中开启轮播动画不会执行相应的轮播动画,可在 预览 页面查看对应的展示效果。
播放状态: 指定轮播动画播放时展示的标绘的
状态。显示时长: 每个子元素显示的持续时间,单位为
毫秒。轮播间隔: 切换子元素的时间间隔,即上一个子元素隐藏后多久显示下一个子元素,单位为
毫秒。

自定义属性
可根据实际需求,为节点添加自定义属性。可通过配置 自定义数据 添加节点的自定义静态数据,进而与外部进行业务与数据的交互。
例如场景的楼宇模型中有多个摄像头模型,给摄像头模型配置对应的视频流 ID,在外部监听场景的点击事件,可获取到点击的摄像头配置的视频流 ID 播放对应的摄像头视频,实现点击摄像头播放对应视频的功能。
自定义属性列表: 点击右侧的
+号图标或面板底部的添加属性按钮,均可在列表末尾添加一个新的自定义属性。名称: 自定义属性字段名。
字段值类型: 字段值支持三种类型
字符、
数值、
布尔 。

子元素
子元素用于管理多个实例,每个子元素可以设置独立的名称和位置。
名称: 子元素的名称。
位置: 子元素在三维空间中的位置坐标。单位为
米。

自定义属性值
在根节点添加 自定义属性 后,可在子元素上配置 自定义属性 的值。自定义属性的数据将会以键值对的形式在子元素的数据中提供。

状态
支持配置多个节点状态,可切换不同状态展示不同效果。
初始状态: 用于设置节点的默认状态,切换状态可在 3D 场景编辑器内查看到节点的实时效果。
悬浮状态: 用于设置节点处于鼠标悬浮时的状态。当标绘内容开启
可选中选项时,鼠标悬浮到子元素上时该子元素切换到悬浮状态的展示效果,鼠标移开时该子元素恢复到初始状态的展示效果。选中状态: 用于设置节点处于选中时的状态。当标绘内容开启
可选中选项时,鼠标左键点击子元素时该子元素切换到选中状态的展示效果,鼠标再次点击该子元素则恢复到初始状态的展示效果。同一个标绘节点下的不同子元素之间只会保持一个选中状态。状态列表: 可添加多个节点状态。
ID: 当前状态的唯一标识,可通过 ID 值切换当前节点状态。
名称: 当前状态的名称。
编辑模式
激活该节点时,场景窗口下方会出现操作栏。
编辑
点击 编辑 按钮,进入 编辑模式。
在 编辑模式 下:
编辑器场景中鼠标的位置上会实时跟随一个信息面板实例,用以展示在当前鼠标位置上添加的子元素所处的位置和形态。点击
鼠标左键会在跟随的信息面板实例处创建一个子元素。点击
鼠标右键会移除上一个子元素。
取消
在 编辑模式下,点击 取消 按钮,该信息面板的子元素数据会恢复到进入 编辑模式 前的状态,并退出 编辑模式。
完成
在 编辑模式 下,点击 完成 按钮,会保存当前编辑后的子元素列表数据,并退出 编辑模式。
提示
在 编辑模式 下切换到其他节点时,会自动退出 编辑模式,并将该信息面板的子元素数据恢复到进入 编辑模式 前的状态。

