DevMate.SCADA操作指南 | 如何编辑组态画面

在DevMate.SCADA中进行组态设计时，从基础元素操作到最终界面定稿，是一系列连贯的工作流程。本文旨在系统性地说明如何在画布上添加与管理组件、进行精确属性控制、实现高效布局排版，并最终完成预览与保存，帮助您顺畅地构建专业监控界面。

操作指南

1.组件的基础操作

添加、调整与复制开始构建监控画面时，首先需要将所需元素放置到画布上并进行基础调整。

01

添加组件

从编辑器左侧的组件列表中，直接将所需图形或组态图元拖拽至画布区域。

02

移动、缩放与旋转组件

移动：单击选中组件，在出现的边框内按住并拖动鼠标。

缩放：拖动组件边框上的白色控制点。

旋转：拖动边框顶部的圆形控制点。

03

复制与删除组件：

复制：右键点击组件选择【复制】，或使用快捷键 Ctrl+C 与 Ctrl+V。

删除：右键点击选择【删除】，或直接按下 Delete 键。

（误操作处理）：若操作失误，可立即点击顶部工具栏的 “撤销” 按钮（或按 Ctrl+Z）回退一步；使用 “恢复” 按钮（或 Ctrl+Y）可重做被撤销的操作。

2.属性的精确控制

大小、位置与视觉效果当需要对界面元素进行精细化调整时，可通过属性面板实现像素级控制。

01

打开属性面板

选中画布上的任意组件，右侧将展开 “基础属性” 设置面板。

02

调整尺寸与比例

修改宽度（W）与 高度（H）的值，单位可选 px (像素) 或 % (相对于画布百分比)。

（保持比例）：点击宽高输入框之间的 锁形图标，可锁定宽高比，实现等比例缩放；再次点击解锁。

03

精确定位与方向

通过 X（横坐标） 和 Y（纵坐标） 精确设定组件位置。

在旋转角度中输入数值控制旋转，或使用下方的 水平镜像、竖直镜像 按钮快速翻转组件。

设置透明度：拖动 透明度 滑块（范围为0~1），数值为0时组件完全透明，为1时完全不透明，可用于创建图层叠加或淡化效果。

3.高效的布局工具

对齐、分布与统一调整面对多个需要整齐排列的组件时，使用内置布局工具可极大提升效率。

选中多个组件：按住 Ctrl 键，依次单击需要排列的所有组件。

使用工具栏进行快速排版：

对齐操作：点击左对齐、水平居中、右对齐、顶对齐、垂直居中、底对齐等图标（从左到右依次排列），可将选中组件沿相应边缘或中心线快速对齐。

等距分布：点击水平等间距或垂直等间距，系统将自动计算，使组件在水平或垂直方向上均匀分布。

统一尺寸：点击等宽、等高或同尺寸，所有选中组件的宽度、高度或整体尺寸将与最后被选中的组件保持一致。

快速填充：使用百分比全屏、横向填充、纵向填充，可使组件快速适应其父容器的尺寸。

调整组件层级：利用上一层、下一层、置顶、置底按钮，轻松管理组件在画面中的前后叠放次序。

4.辅助功能与成果输出

定位、预览与保存在设计的最后阶段，借助辅助工具确保精度，并预览保存最终成果。

01

启用辅助定位工具

网格：点击工具栏上的 “网格” 开关，可显示或隐藏画布背景网格，辅助视觉对齐。

智能参考线：点击 “参考线” 图标，在弹出面板中勾选 “智能参考线” 与 “吸附效果”。此后拖动组件时，系统会显示对齐提示线并产生自动吸附效果，助力实现精准对齐。

预览界面效果：点击编辑器右上角的 “预览” 按钮，系统将在新标签页中实时渲染并打开当前页面的运行效果，方便您进行最终检查。

02

保存与封面管理

点击右上角的 “保存” 按钮，系统将保存页面所有设置，并自动生成一张封面截图。

（封面异常处理）：如果画布内存在某些动态或特殊元素导致自动截图不完整，您可以前往项目的 “页面管理” 列表，找到对应页面，通过 “页面设置” 功能手动上传一张更符合需求的封面图片。

通过掌握以上从基础操作到高级布局的全流程功能，您可以高效、精准地完成SCADA监控界面的设计与开发，确保产出既专业又符合实际运营需求的组态画面。