03 · 画面组态
搭画面就是:双击一张画面打开 → 从图元库拖控件到画布 → 摆好、对齐、叠层。所见即所得——你在编辑器里摆成什么样,运行时就是什么样(编辑和运行共用同一套渲染)。
【配图：画面编辑器——中间画布,右侧图元库分组列表,选中一个控件后八个缩放手柄】
打开一张画面
左侧工程树 窗口 → 窗口文件 → 双击画面名,画面在中间画布以标签页打开。新建画面走画面菜单(新建画面 / 删除 / 重命名 / 设为启动画面 / 画面分辨率)。
图元库:拖控件到画布
右侧图元库按分组列出所有控件,搜索框可过滤。分组:
| 分组 | 里面有 |
|---|---|
| 常用 | 按钮、文本、指示灯… |
| 整品按钮 | 各种成品风格按钮 |
| 输入/选择 | 输入框、下拉、复选、单选… |
| 列表/容器 | 列表、容器、分组框、标签页… |
| 导航 | 导航树等 |
| 警报 | 报警显示控件 |
| 安全/登录 | 登录框等运行态控件 |
| 图表 | 棒图、趋势图… |
| 图形 | 基础图形(矩形/圆/线…) |
| 多媒体 | 图片/视频 |
| 非可视 | 定时器等无外观元素 |
| 工业图元 | 工业专用图元 |
用法:把图元从库里拖到画布,或点一下再在画布点放。分组标题可折叠,右边数字是该组控件数。
图库符号:现成的工业符号
图元库顶部有「图库符号…」按钮,打开符号选择器。内置六类现成 SVG 工业符号:
- 电机 / 泵、阀门、管件、罐槽 / 容器、仪表、电气。
选一个插入,它会落成一个图片图元(SVG 矢量,任意缩放不糊)。
选中、移动、缩放
- 单击选中(八个手柄),拖动移动,拖手柄缩放。
- 框选 / Shift 多选;全选 = 编辑菜单或 Ctrl+A。
- 锁定 / 解锁选中元素(编辑或图元菜单)——锁住的元素不会被误拖。
- 剪切 / 复制 / 粘贴 / 创建副本 / 删除都在编辑菜单。
对齐、分布、图层
多选后在图元菜单里:
- 对齐:左 / 右 / 上 / 下 / 水平居中 / 垂直居中。
- 分布:水平分布 / 垂直分布(等间距铺开)。
- 图层:置于顶层 / 置于底层 / 上移一层 / 下移一层。
配合视图菜单的栅格、标尺摆得更准;裁剪预览开着能提前看到"屏幕外的元素在真机上不显示"。
母版:跨画面共用的浮层
一张画面可设为母版,再被其它画面引用——像顶部标题栏、公共导航这类每张画面都要的东西,做一次到母版里,所有引用它的画面都带上,改一处全改。母版是纯浮层,叠在画面之上。
一句话总结
双击画面打开,从右侧图元库(常用/按钮/输入/容器/图表/图形/工业图元等分组 + 六类图库符号)拖控件到画布,用图元菜单对齐分布叠层,母版做跨画面共用浮层——所见即所得,运行时长一个样。