该编辑器是面向产品、设计、开发与运维团队的嵌入式 HMI 组态工具，覆盖页面搭建、内容配置、预览以及工程下载与发布。

界面分为六个区域：

• 组件区（左侧）—— 汇集所有可拖拽的 UI 组件：文本、按钮、图片、对话框、表单等。
• 画布区（中部上方）—— 可视化编辑区域，支持组件拖拽、视图缩放与图层排序。
• 属性区（右侧）—— 配置所选组件的尺寸、颜色、文本、事件、数据源等属性。
• 工具栏（顶部）—— 新建、保存、撤销/重做、预览、发布、工程属性与模板导入。
• 事件绑定区（底部）—— 用于编辑组件动作逻辑的面板，配置触发事件、执行动作与条件分支。
• 日志区（底部）—— 运行调试输出窗口，记录启动、通信、事件执行与错误信息，用于诊断通信、事件与下载故障。

画布共有 3 种类型，覆盖常见的面板布局，并提供页面、图层与模板管理。

画布类型与管理：

• 标准页面 —— 最常见的业务页面，用于配置主界面、监控画面与功能配置页。
• 通知面板 —— 全局下拉通知面板，适用于顶部下拉消息通知等弹窗。
• 全局控件 —— 全局常驻页面，其组件在每个标准页面上都可见，适用于底部导航栏或全局报警横幅等共享 UI。
• 页面管理 —— 可添加、删除页面并自定义其名称。
• 图层与复用 —— 组件支持置于顶层、置于底层与上移一层，并支持单个或多个组件的复制粘贴。
• 工程模板 —— 内置模板默认适配 7 英寸触摸屏分辨率；将 .victrl 工程文件拖入编辑器旁的模板文件夹，即可作为自定义模板使用。

编辑器通过 WebSocket 与网关建立实时通信，读取在线网关的数据点并写入数值。

数据绑定能力：

• 读绑定 —— 组件属性可关联到网关数据点变量，数据点数值会实时同步到对应属性。
• 写绑定 —— 事件动作可指定目标数据点及写入数值；滑块、开关、弧形等交互组件也可直接向数据点写入数值。
• 变量管理 —— 已绑定的变量保留在“已绑定的网关变量”中，离线打开工程时仍可用，并支持删除。

事件由组件交互触发（如按钮点击、开关状态变化、滑块写入等控制动作），按执行目标分为三类：

事件动作类别：

• 自身操作 —— 触发事件的组件改变自身属性。
• 跨组件操作 —— 触发组件控制页面上的一个或多个其他组件并改变其属性。
• 变量操作 —— 触发组件读取、写入与修改网关/内部变量数值以交换数据。

权限用于控制组件对用户是否可见与可操作：只有属于指定权限组的登录用户才能读写该组件并触发其绑定的事件。

权限能力：

• 用户与权限组 —— 支持管理员、工程师、普通用户等权限组，并可在每组下添加用户账号；权限配置以 json 文件保存，并随工程一起下载。
• 组件级权限 —— 组件可启用权限校验（权限组生效的前提），并指定允许访问的权限组。
• 注销权限 —— 按钮组件可配置为注销当前用户权限，点击时退出当前 HMI 权限。

报警记录表组件在页面上显示网关推送的数据点报警。

报警能力：

• 报警记录表 —— 在页面上显示报警记录，并随网关推送的报警信息自动刷新。
• 报警配置 —— 系统报警支持按数据点配置报警阈值与报警级别。
• 故障排查 —— 与报警相关的异常可在底部日志区查看。

下载会将完成的工程推送到 HMI 面板运行；编辑器默认支持下载到 192.168.1.230 的网关。

下载与发布：

• 工程下载 —— 将完成的工程下载到面板运行；通信地址在工程属性的 [通信] 中配置。
• 资源下载 —— 当工程使用图片或字体时，需同时下载图片与字体资源文件夹。