创建与配置图纸


你需要创建图纸并配置图纸信息来存放图元与组件。

创建图纸


通过以下方式创建组态页面图纸:

  • 在工具栏中快速创建图纸

  • 在管理区创建图纸


通过以下步骤在 工具栏 中创建图纸:

  1. 选择 DTV 中心 > 组态页面 打开组态页面编辑器。

  2. 选择 菜单 menulines,在下拉菜单中选择 新建图纸

  3. 在顶部工具栏中,选择保存按钮 save

  4. 在弹窗中输入图纸名称并选择 确定。创建的图纸将默认保存在 图纸根目录 下。


通过以下步骤在 管理区 创建图纸:

  1. 选择 DTV 中心 > 组态页面 打开组态页面编辑器。

  2. 管理区 选择新建图纸的目标文件夹。

  3. 右键目标文件夹名称,选择 新建图纸

  4. 在弹窗中输入图纸名称,并选择 确定

配置图纸属性


在右侧图纸配置区中的 图纸设置 中,可对图纸进行自定义配置。

配置图纸基本属性


基础 标签页下,可以配置以下图纸基础属性。


配置项

说明

数据类型

选择图纸的数据类型。组态页面支持 CDS 与 TSDB 数据类型。

预览地址

设置该图纸/图元预览时显示的网页。

快照地址

设置该图纸/图元/组件在预览区中的预览图片。

背景

选择图纸的背景颜色。图纸默认为透明背景。

宽度

设置画布宽度。

高度

设置画布高度。

反序列化前

在预览态绘制图元前执行的脚本。

反序列化后

在预览态绘制图元后执行的脚本。例如,可以在加载页面后更新图元样式。

连接动作

选择图纸上图元与组件的连接动作,选中的图元后,其右上角出现小箭头,按住箭头拖动指定所连接的图元。组态页面支持无动作、拷贝风格、吸附及父子连接动作。
  • 拷贝风格:该图元将复制被指定的图元上的样式。例如,颜色。

  • 吸附:两个图元会形成吸附节点的关系,被吸附的图元拖动、旋转等操作时,吸附图元会以它为参照物同步变化。

  • 父子:被拖到的图元与该图元为父子关系。

树层次渲染

启用/禁用图纸的树层次渲染功能。

可缩放

启用/禁用图纸的缩放功能。

可平移

启用/禁用图纸的平移功能。

可框选

启用/禁用图纸的框选功能。

适配内容

启用/禁用图纸的适配内容功能。启用后,图纸会自动调整缩放比例以适应图纸上的图元与组件。

布局

快速调整画布布局。组态页面编辑器提供 7 种快速布局:圆形布局、对称布局、层次布局、北向布局、南向布局、西向布局、东向布局。

JSON 背景

输入图片路径,作为在预览态此页面的背景图。

获取数据间隔

设置画布获取数据的时间间隔。

显示数据趋势

显示/隐藏数据趋势。


配置网格指导线样式


网格指导线 标签页下,可以配置以下网格指导线属性。


配置项

说明

网格可见

显示/隐藏画布的网格指导线。

倾斜

选择该选项,网格指导线将更改为“倾斜”样式。倾斜样式下,网格角度为 120°,网格旋转为 30°。

重置

选择该选项,网格指导线将更改为“默认”样式。

网格大小

调整指导线围成的网格大小,默认值为 40。

深线每隔

调整深网格指导线的间隔,默认值为 10。

浅线颜色

设置浅网格线颜色,默认值为 rbga(191,191,191,0.4)。

深线颜色

设置深网格线颜色,默认值为 rbg(191,191,191)。

网格角度

设置网格之间的角度,默认值为 90。

网格旋转

设置网格旋转角度,默认值为 0。

缩放临界值

缩放到某个倍数时网格消失,默认值为 0.25。


配置页面设置


在右侧图纸配置区中的 页面设置 中,可对页面进行自定义配置。

配置页面标签


页面标签 标签页下,可以为当前页面配置标签。


配置项

说明

标签列表

配置页面标签,第三方用户可以根据标签索引出相应的组态页面页面。

资产标签

当该页面被资产关联,将会出现已关联的资产标签。更多资产拓扑关联信息,参见 资产拓扑关联


配置提示窗


提示窗设置 标签页下,可以为当前页面中的提示窗配置背景色与文本色。更多关于提示窗的配置,参见 配置图元交互


备注

若在单个图元交互中已配置了提示窗背景色与文本色,则页面中配置的提示窗样式不生效。