创建与配置图元


创建图元并配置图元信息以监控资产。

创建图元


通过以下两种方式创建监控可视化工具图元:

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

  • 在管理区创建图元


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

  1. 选择 监控工具 > 监控页面 打开监控可视化工具编辑器。

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

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

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


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

  1. 选择 监控工具 > 监控页面 打开监控可视化工具编辑器。

  2. 在 管理区 > 图元 标签页下,选择新建图元的目标文件夹。

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

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


配置图元属性


选择画布空白处,可对该图元进行整体属性配置。

配置图元控制属性


在 控制 标签页下,可以配置以下图元控制属性。


配置项

说明

事件

  • 事件处理

  • 渲染元素

可见

设置图元是否可见

可滚动

设置为可滚动后,鼠标滚轮在该节点上操作不再触发视图的滚动交互动作,默认 false。

可交互

设置图元是否可交互。

隐藏选中边框

设置是否隐藏所选边框。

像素精确

设置图元在 2D 下,透明区域是否可以选中图元。默认为 True,表示忽略选中。即:当 True 时,选择节点的透明区域不会触发交互。

贴图缓存

设置是否开启贴图缓存

适配大小

矢量最终绘制的大小属性决定于引用节点,组件计算大小时,是拉伸还是重置大小的方式。默认为 false。
  • false:拉伸,组件图形将被拉伸。

  • true:重置大小,如果有布局属性则会生效。


配置图元基础属性


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


配置项

说明

预览地址

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

快照地址

设置该图元在预览区中的预览图片。

背景

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

连接动作

选择图纸上图元与组件的连接动作,选中的图元后,其右上角出现小箭头,按住箭头拖动指定所连接的图元。拷贝风格:该图元将复制被指定的图元上的样式。例如,颜色。

宽度

设置画布宽度。

高度

设置画布高度。

边界扩充

图元内容可超出白色画布,放置在页面中。拖动图元时超出部分不会刷新,边界扩充可以扩大图元的渲染区域。

吸附点

编辑吸附点的位置。设置了吸附点后,在图纸中连线时可吸附至该点。

吸附方式

选择吸附方式,默认为接近。
  • 接近:靠近吸附点时,才进行吸附,否则自动判断当前的 x、y 锚点值。

  • 严格:严格吸附到某个吸附点上,其它位置无法作为连线端点。

染色模式

选择染色时颜色的计算方式。
  • 相乘:默认值。

  • 覆盖

  • 覆盖 RGB:覆盖除透明度外的颜色。

  • 覆盖 A:覆盖透明度。


配置图元网格指导线样式


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


配置项

说明

网格可见

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

倾斜

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

重置

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

网格大小

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

深线每隔

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

浅线颜色

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

深线颜色

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

网格角度

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

网格旋转

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

缩放临界值

缩放到某个倍数时网格消失。


配置图元数据绑定属性


在 数据绑定 标签页下,可以配置以下数据属性。


配置项

说明

属性

设置属性 Key 值。

值类型

选择属性值的类型。

默认值

可选,输入属性的默认值。

名称

输入属性在图纸中的显示名称。

组

选择分组,将属性分组。

可绑定

设置该属性是否可绑定数据

描述

输入属性描述。

附加信息

输入属性附加信息。