VisualHMI embedded interface: content browsing across multiple screens, 10000x10000 logical canvas

freeFree Technical Resource

This content is free to read, suitable for basic learning and search traffic.

The embedded screen is asuper-screen content browsingcontainer: physical screen 800×480, but the logical screen size can be up to 10000×10000. In the window, users can drag and browse with their fingers, like "viewing long images on a mobile phone" or "roaming on a map". It is suitable for product introductions and large-sized process diagrams.

1. Attribute introduction

AttributeDescription
Initial screenInitial screen displayed by the control
Touch slidingDisable / Up/Down / Left/Right
Slide notificationWhether to upload event notifications when sliding
Display sliderWhether to display scroll bar
Read addressLW=target screen; LW+1=offset position (scroll bar position)

VisualHMI embedded interface: content browsing across multiple screens, 10000x10000 logical canvas插图

2. Application case

Embedded screen control: initial screen 1_About, touch to slide up and down, display slider, readLW1001. Configure button + multi-state indicator light for button exclusive switching to target screen (About=write 1, Settings=write 2):

  • About-word configuration button: write addressLW1001, write constant 1; multi-state indicator light: state count 2, conversion table 0;1
  • "About" screen logical size 700×1200 (place multiple text controls to introduce the software); "Settings" screen 700×1213 (place system parameter controls)

VisualHMI embedded interface: content browsing across multiple screens, 10000x10000 logical canvas插图1

Operation: Embedded screen is associated with the "About" page, slide to view the full content; click the settings button to switch to the "Settings" page.

VisualHMI embedded interface: content browsing across multiple screens, 10000x10000 logical canvas插图2

VisualHMI embedded interface: content browsing across multiple screens, 10000x10000 logical canvas插图3

VisualHMI embedded interface: content browsing across multiple screens, 10000x10000 logical canvas插图4

The size of the sub-screen of the embedded screen can exceed the physical screen (such as 700×1200), butThe target screen should also be equipped with the corresponding screen size. For large images/long texts that cannot fit within the screen, embedding them is the most convenient solution without having to shrink the image.

Compiled from the VisualHMI development documentation of Guangzhou Dacai Technology (hmi-doc.gz-dc.com), the configuration control tutorial "Embedding Screen", copyright belongs to Dacai Technology.

Put this resource to use in a real project?

Go to the Tool Center for message parsing, CRC verification and device debugging, or submit your requirements for selection and integration advice.

Engineer Membership

Turn this article into actionable debugging resources

After activation, you can use advanced message parsing, resource pack downloads, code examples, engineering cases and priority technical support, suitable for real project delivery.

Unlimited Advanced Tools
Resource & Code Packs
Complete Engineering Case Library
Priority Technical Support

Leave a Reply

Your email address will not be published. Required fields are marked *.