主题
2.5 右侧属性面板
右侧面板顶部是标签页,会根据当前选中的对象自动切换。一共有 7 个标签页,其中「图层」「页面」「工程」「变量」始终存在。
2.5.1 标签页一览
| 标签 | 出现条件 | 内容 |
|---|---|---|
| 图层 | 始终 | 图层管理:锁定、显隐、选中、拖拽排序 |
| 通用属性 | 选中单个非 SVG 组件 | 位置、样式、字体、背景等通用外观 |
| 控件 | 选中单个组件 | 该组件专属属性、事件、数据绑定 |
| 批量编辑 | 多选 > 1 个 | 对多个组件批量改属性 |
| 页面 | 始终 | 当前画面的尺寸、背景、适配 |
| 工程 | 始终 | 整个组态的工程名、密码、多页面管理 |
| 变量 | 始终 | 实时变量浏览器,查看数据点当前值 |
2.5.2 通用属性(外观)

各分组卡片可折叠:
- 基本属性:文本内容、初始可见、自定义属性
- 尺寸与位置:宽、高、X、Y、旋转(-180 ~ 180°)
- 边框边距:线宽、颜色、线型(实线/虚线/点线/双线)、圆角、四向内边距
- 阴影样式:水平/垂直偏移、模糊半径、阴影大小、颜色
- 字体:字号、粗细、行高、字距、对齐、颜色
- 背景:背景色、背景图、透明度
- 动画属性:入场 / 强调 / 出场动画数组
2.5.3 控件(组件专属 + 数据绑定)
这一页是每种组件独有的配置,也是数据绑定的所在:

- 控件属性:组件独有的配置项
- 显示事件(数据 → 视觉):显示值、显示时间、文本值切换、可见切换、可见度、透明度、背景色、图片切换、文本颜色切换、动画
- 点击事件(交互 → 动作):设定数据、跳转画面、转到组态、全屏切换、执行脚本、打开模态窗口
- 动态管线:管道流动方向 / 速度绑定
- 操作权限:限定允许操作此控件的角色,默认「所有人可操作」

- 脚本程序:启动脚本、循环脚本
数据绑定的绑定值支持多种形态:单个数据点、多数据点数组、表达式、树形设备选择;并且很多属性可以在**动态(跟数据点走)和静态(固定值)**之间切换。
2.5.4 页面

- 页面名称
- 背景颜色 / 背景图片
- 画布宽度、高度(100 ~ 4000 px)
- 屏幕适配:全屏拉伸 / 保持高宽比 / 宽度适配 / 原始尺寸
- 旋转适配:重力感应 / 长宽适配
- 页面脚本
2.5.5 工程

- 工程名、访问密码(可配多组)、应用图标(PWA)
- 工程备注、隐藏底部导航
- 产品组态开关,开启后可指定预览 PLC 设备
- 工程页面:多页面管理的主界面,提供添加复制画面 / 新建画面 / 从模板创建,每个画面显示尺寸、适配方式和组件数,可设为当前、排序、删除

- 共享模板:保存到本地
.lpzt、从本地加载、分享/更新到模板库、使用他人模板
2.5.6 变量
实时变量浏览器,按内部变量 / 项目变量 / 设备变量 / MQTT 变量分组,展示每类变量的数量和当前值,底部显示变量总数:
