页面(Pages)

什么是 Pages?

Pages 是你界面中的独立页面,用于显示信息或实现交互控制,例如操作机器、监控状态或切换视图。
每个 Page 相当于一个数字控制界面,可在 Web Panel(如 WP400)、电脑或移动设备中直接运行。

你为什么需要 Pages?

使用 Pages,你可以:

  • 创建可视化用户界面(如仪表盘、控制面板)
  • 为不同角色(如操作员、维护人员)设计不同页面
  • 使用按钮或逻辑在多个页面间导航

你还可以通过菜单(汉堡图标)创建新页面,并在页面之间方便地切换。

一个 Page 可以包含什么?

在内置编辑器中拖放以下元素:

  • 按钮(Button)
  • 滑块(Slider)
  • 数值显示(例如温度、压力)
  • SVG 图形
  • 趋势图
  • 条形图(Bargraph)

所有组件都可通过 Connection String 与控制器变量绑定。

页面分辨率

你可以为每个页面自定义分辨率,例如 1920x10801280x800,确保内容在目标设备上完美呈现。

实时更新

页面内容会在软实时状态下自动刷新。
例如:传感器温度变化时,无需刷新页面,数值会立即显示。

页面导航

页面之间可以建立逻辑连接:

  • 通过按钮跳转:“跳转至页面 X”
  • 通过逻辑控制:“如果温度 > 100°C,则打开警告页面”
  • 设置为启动页:程序启动时自动显示指定页面

Pages 可执行的操作

  • 新建页面
  • 复制页面(作为模板使用)
  • 删除页面
  • 保存为模板
  • 分组与结构化管理页面
功能类型 是否包含布局 是否可复用 典型使用场景
Page(页面) 否(可复制) 全功能用户界面页面
Template(模板) 可复用的容器模板
Combined Control 否(仅内容) 小型功能组合(如按钮+逻辑)

总结:

Pages 是界面设计的核心。
你可以在这里创建页面结构、配置数据逻辑、布置组件,从而构建出强大而灵活的 HMI 或控制面板,无需编程

1280x800
1920x1080
Connection String