页面(Pages)
什么是 Pages?
Pages 是你界面中的独立页面,用于显示信息或实现交互控制,例如操作机器、监控状态或切换视图。
每个 Page 相当于一个数字控制界面,可在 Web Panel(如 WP400)、电脑或移动设备中直接运行。
你为什么需要 Pages?
使用 Pages,你可以:
- 创建可视化用户界面(如仪表盘、控制面板)
- 为不同角色(如操作员、维护人员)设计不同页面
- 使用按钮或逻辑在多个页面间导航
你还可以通过菜单(汉堡图标)创建新页面,并在页面之间方便地切换。
一个 Page 可以包含什么?
在内置编辑器中拖放以下元素:
- 按钮(Button)
- 滑块(Slider)
- 数值显示(例如温度、压力)
- SVG 图形
- 趋势图
- 条形图(Bargraph)
所有组件都可通过 Connection String 与控制器变量绑定。
页面分辨率
你可以为每个页面自定义分辨率,例如 1920x1080 或 1280x800,确保内容在目标设备上完美呈现。
实时更新
页面内容会在软实时状态下自动刷新。
例如:传感器温度变化时,无需刷新页面,数值会立即显示。
页面导航
页面之间可以建立逻辑连接:
- 通过按钮跳转:“跳转至页面 X”
- 通过逻辑控制:“如果温度 > 100°C,则打开警告页面”
- 设置为启动页:程序启动时自动显示指定页面
Pages 可执行的操作
- 新建页面
- 复制页面(作为模板使用)
- 删除页面
- 保存为模板
- 分组与结构化管理页面
| 功能类型 | 是否包含布局 | 是否可复用 | 典型使用场景 |
|---|---|---|---|
| Page(页面) | 是 | 否(可复制) | 全功能用户界面页面 |
| Template(模板) | 是 | 是 | 可复用的容器模板 |
| Combined Control | 否(仅内容) | 是 | 小型功能组合(如按钮+逻辑) |
总结:
Pages 是界面设计的核心。
你可以在这里创建页面结构、配置数据逻辑、布置组件,从而构建出强大而灵活的 HMI 或控制面板,无需编程。
1280x800
1920x1080
Connection String