VisualHMI - 嵌入画面控件

什么是嵌入画面控件?

image-20231123114900970

嵌入画面控件是一种支持超屏内容浏览的高级容器型组件,用于在物理屏幕分辨率受限(如 800×480)的 HMI 设备上,完整呈现逻辑分辨率更大(最高可达 10000×10000 像素)的画面内容。用户可通过手指拖动操作,在可视窗口内平移查看超出当前视口范围的内容,实现类似“手机查看长图”或“地图漫游”的交互体验。

✅ 核心功能如下:

  1. 超屏内容承载能力
    • 支持定义逻辑画布尺寸(最大 10000×10000 像素),远超设备物理分辨率;
    • 所有控件、图形、文本等元素可自由排布于整个逻辑画布中,不受屏幕边界限制。
  2. 视口映射与裁剪显示
    • 在主画面中划定一个矩形嵌入区域(Viewport)作为可视窗口;
  3. 手势拖动浏览
    • 用户可在嵌入区域内按住并滑动,实时平移逻辑画布;
    • 支持惯性滚动(部分平台)与边界弹性回弹,提升操作流畅性;

适用范围:VisualHMI - HMI&M系列&Dx系列

例程下载链接:VisualHMI - 嵌入画面控件(点击下载)

1.属性介绍

1.1.功能设置

嵌入画面控件的功能设置属性如下所示:

image-20231123115530008

  1. 初始画面:控件显示的初始画面

  2. 触摸滑动:支持禁止、上下和左右方向触摸滑动

    • 滑动通知,触摸滑动时是否上传事件通知
  3. 显示滑动条:是否显示控件的滚动条

  4. 读取地址:

    • LW:目标画面
    • LW:偏移位置,滚动条的位置

2.应用

2.1.工程配置

画面中添加【嵌入画面控件】,配置如下所示:

  1. 初始画面:1_关于;

  2. 触摸滑动:上下;

  3. 显示滑动条:√;

  4. 读取地址:LW1001。

image-20231123141421932

画面中添加【字设置按钮】、【多状态指示灯】,用来实现按钮互斥,并设置【嵌入画面控件】的目标画面

关于-【字设置按钮】控件的配置如下所示:

  1. 写入地址:LW1001
  2. 写入常量:1;

image-20231123141713067

关于-【多状态指示灯】控件的配置如下所示:

  1. 写入地址:LW1001
  2. 状态数:2;
  3. 转换状态:√
    • 状态转换表:0;1;

image-20231123142114420

设置-【字设置按钮】控件、设置-【多状态指示灯】控件的属性配置,此处阐述,详细按钮互斥可参考【VisualHMI-字设置按钮控件】章节

2.2.画面配置

2.2.1.“关于”画面

"关于"画面,配置尺寸代销为700x1200。添加数个文字控件,介绍相关VisualHMI软件平台,如下所示

image-20231123143229660

2.2.2.“设置”画面

"设置"画面,配置尺寸代销为700x1213。添加相关控件,用来设置相关系统参数,如下所示

image-20231123143523961

2.3.运行预览

运行虚拟屏,【嵌入画面】控件关联“关于”页面,滑动嵌入画面控件,可以看到相关文字描述;击设置按钮,【嵌入画面】控件关联“设置”页面,如下所示

Video_2023-11-23_142821

Copyright ©Dacai all right reserved,powered by Gitbook该文件修订时间: 2026-02-04 11:47:42

results matching ""

    No results matching ""