# 6.5 Display

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fhmieditorp-manual%2F-M2grOgd14NEtTnRlj3O%2F-M2grTkripNdMwGXXDiG%2F0.png?generation=1584521933618984\&alt=media)

Display objects are used for displaying sub-screen, animation, screen or picture.it contains Indirect Windows, Picture, Rotation Picture, Drop-down List, Camera Control/Display, QR Code, Flow Components.

## 6.5.1 Indirect window

**Introduction**

Indirect window is used for displaying sub-screen in HMI project. Users could control it display different sub-screens by change read address value;

**Description**

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0u7fewQOmu9vIPyLEl%2F-M4MnB22yBeD3DgEqQWx%2F-M4MnLS0BKapJmEXg4my%2Fimage.png?alt=media\&token=952c8334-2f70-4bd8-a878-535f45f381fb)

**1) Screen No.**

There are two modes for sub-screen display, one is static screen, and the other is dynamic screen, and switch screen by change read address value. User could only choose one of the two modes.

**Indirect scree No.:** It is for setting read address to switch sub-screen;

**Screen No.:** Check it to enable static screen mode, and select screen for object;

**2) Control display by address**

Control display of the indirect object through bit address.

* Set ON: Display;
* Set OFF: Hide;

**3) Position**

It is for setting the position of sub-screen, the value is for coordinates of the top left point of it;

**4) Size**

It is for setting the size of sub-screen;

**Result**

When configuration is completed as below, sub screen will be displayed as picture show.

1. Display static sub-screen;
2. Use HDX0.0 to control display or hide;

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fhmieditorp-manual%2F-M2grOgd14NEtTnRlj3O%2F-M2grTkthdvr4IZcOMKn%2F2.png?generation=1584521933581659\&alt=media)

## 6.5.2 QR code

**Introduction**

Similar to the universal QR code, users could scan this object to get the connection or content. But it provides settings content for QR code.

**Description**

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0u7fewQOmu9vIPyLEl%2F-M4MnB22yBeD3DgEqQWx%2F-M4MnWmIHHJbaVRVHJlA%2Fimage.png?alt=media\&token=57286cb3-d4a4-40b5-b41d-18a2363112d9)

**1) QR set**

**Variable QR:** It is for setting read address, the content of QR code is from this setting address;

**QR String:** It is for set static content for QR code;

✎**Note:**

* HMI machine ID address: HSW10494 \~ HSW10558;
* So if user want to use QR code to display machine ID in project screen, please check \[Variable QR], and set address is HSW10494;

{% hint style="info" %}
✎**Note:**

HMI machine ID address: HSW10494 \~ HSW10558;

So if user want to use QR code to display machine ID in project screen, please check \[Variable QR], and set address is HSW10494;
{% endhint %}

## **6.5.3** Drop-Down list

**Introduction**

Drop-Down list is designed for display the designated state by text, to select the text in the list, the corresponding state will change, and the write address will change to the designated state value.

**Description**

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0u7fewQOmu9vIPyLEl%2F-M4MnB22yBeD3DgEqQWx%2F-M4MnsETr2e895UrTCZ-%2Fimage.png?alt=media\&token=035f8922-6fb4-4c75-b6e0-41f038b9e3db)

**1) Edit**

Read address: The data from designated address will be displayed.

Same read-write address: Configure \[Write Address] is the same as \[Read Address];

Write address: Write data to designated address. The address can be different \[Read Address];

**2) Format**

Set data format for object, it provides 16-bit unsigned and 16-bit BCD;

**3) State count**

It can support up to 128 states (0\~127);

State value

**State value:** Users can set different values to correspond to different states, the setting window as below figure shows.

**For example**

By default, when value of read address is 0, object displays state 0.

If change settings as below figure shows

When value of read address is 11, object displays state 1.

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fhmieditorp-manual%2F-M2grOgd14NEtTnRlj3O%2F-M2grTkwsMni14hCyacQ%2F5.png?generation=1584521933578539\&alt=media)

**4) Advance**

It provides two types for this object.

Normal Type: It makes object as normal drop-down list object;

User name: it is for user login permissions. User name and group name in user permissions are mainly displayed;

**Text settings**

Every state requires text, the settings as below description, the normal settings please refer to [common setting section](broken-reference). This section will show special settings for it.

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fhmieditorp-manual%2F-M2grOgd14NEtTnRlj3O%2F-M2grTkxRzUbDvA0X2IO%2F6.png?generation=1584521933591557\&alt=media)

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fhmieditorp-manual%2F-M2grOgd14NEtTnRlj3O%2F-M2grTkyu_Q2w-HtjPZ1%2F7.png?generation=1584521933580446\&alt=media)

**1) Centre**

Check it to make the text centered;

**2) Enabling states text control**

User can dynamically modify the text content in different states. When this feature is enabled, the text for each state set in the normal mode is invalid.

* **Current state:** It is for setting state number for modification. For example, if the value is 3, it means that the text information in state 3 will be modified;
* **Text address:** This address is used for the operation of the text component and is used to input the content displayed in the state. The length of the text is the number of text characters that can be entered, ranging from 1-127 characters;
* **Trigger set text:** This address is used for saving modification;

**3) Read state text from address**

* **Text start address:** the first address of occupied multiple consecutive addresses. Address length: \[Text length/2] \*\[state number +1]. For example, 10 states, the address length= (10/2) \*(10+1) =55. It set HDW100 as start address, so the HDW100-HDW104 stores the currently selected text content, the HDW105-HDW109 displays the text in the first state, the HDW110-HDW114 displays the second, and so on.
* **Refresh:** The drop-down list status value is updated according to the text address content. The drop-down list is not updated immediately, when the data in the text address change is completed, only the refresh is triggered, it will update.

## 6.5.4 Flow component

**Introduction**

The flow components are mainly used to reflect the flow state in process flow production. User can set the style of flow components according to requirements.

**Description**

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0u7fewQOmu9vIPyLEl%2F-M4MnB22yBeD3DgEqQWx%2F-M4Mo63qFaQ1IARaDVxK%2Fimage.png?alt=media\&token=9d60aa87-f203-43e4-b6ef-b40482bf9336)

**1) Color**

**FlowFrn:** It sets outer border color of flow component;

**Block:** It sets the block color of flow component;

**FlowBg:** It sets background color of flow component;

**2) Detail**

**Pipe width:** It sets background width of flow component;

**Block width:** It sets block width of flow component;

**PipeFrn width:** It sets outer border width of flow component;

**Block length:** It sets block length of flow component;

**Transparence:** It sets transparence of flow component. (opaque (0) full transparence (100)), user can cooperate with transparence and other settings to meet display requirements;

**Ratio:** It sets display ratio of block and background (Display density of the block in flow component);

**Speed:** It sets flow speed of the block during HMI running;

**3) Control**

**Reverse:** It sets flow in reverse (default is left to right);

**Variable:** It sets bit address to control reverse flow or not.

* **Set OFF:** Forward
* **Set ON:** Reverse

**Address:** It sets bit address to control flow or not.

* **Set OFF:** Stop
* **Set ON:** Flowing

**4) Preview**

It is for preview object;

## **6.5.5** Picture

**Introduction**

Picture object is for displaying picture in HMI screen.

**Description**

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0u7fewQOmu9vIPyLEl%2F-M4MoIQir5HRazO6q0CZ%2F-M4MoZl0zJwsY08JQ3_P%2Fimage.png?alt=media\&token=53f76229-1b8c-40ed-b64d-d01d19a2ad9c)

**1) Shape**

**Shape:** Click shape to open the Shape Library for shape selection;

**Default shape:** Every object has its own default shape, click it will back to default;

**Discard:** Click it, object will display without shape;

**2) Set Color**

This is for set object color basic on shape, not all shape supports change color;

**3) Picture display function**

This is advanced function of picture object; user can change display picture when HMI is running. The supported formats are bmp, jpg, png, jpeg. This feature is unavailable for offline and online simulation.

**Root:** Set the save location of the picture, which can be set to U disk, SD card, but could not be set to Flash;

**Folder:** Set the name of the folder where the picture is located. The folder name can be up to 31 characters;

**File address:** 16 consecutive addresses enter a picture name in the address (need to be the full name of the suffix), if the picture exists, the picture content is displayed; otherwise the default picture is displayed;

## 6.5.6 Rotation picture

**Introduction**

Rotation picture can rotate the image at a specified center or rotate it in a certain way. The way is determined by the property settings.

**Description**

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fhmieditorp-manual%2F-M2grOgd14NEtTnRlj3O%2F-M2grTl0f0oQet56prh2%2F10.png?generation=1584521933592337\&alt=media)

**1) Counter-Clockwise**

It sets the rotation direction of the picture. The default is to rotate clockwise. When checked, the rotation direction is counterclockwise.

**2) Appearance**

It sets picture for object, the picture is selected from Shape.

**3) Data format**

**Data format:** It sets data format for \[Address]->\[Rotation angle];

**Min. angle:** It sets the starting angle of rotation (Valid in auto-rotation mode);

**Max. angle:** It sets the ending angle of rotation (Valid in auto-rotation mode);

**4) Address**

**Rotation angle:** the rotating angle is determined by designated address; this mode and auto-rotation mode could not be used at the same time;

**5) Rotation center**

It shows the rotation center coordinates;

**6) Auto-rotation**

**Cycle time:** Object will rotate every cycle time. Unit: 100 ms;

**Rotation angle:** Object rotates designated angle every time;

**Return:** Object will be reset to original position after maximum angle reached.

## 6.5.7 Camera display

**Introduction**

Video display is advanced function in PI HMI, this object displays the camera screen in HMI, there are two modes, one is IP camera, and the other is USB camera. But IP camera requires settings in \[Project settings], the detailed information, please refer to \[[Camera](broken-reference)].

✎**Note:**

This function requires special HMI model, the detailed information, please contact sales.

**Description for IP camera**

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0u7fewQOmu9vIPyLEl%2F-M4MoIQir5HRazO6q0CZ%2F-M4Mov7eLwNlcbpTyXIT%2Fimage.png?alt=media\&token=e11a515d-95e9-46f3-9af2-af2c85ed8a24)

**1) Mode select**

It is used for selecting modes; each mode uses different settings;

**2) Use dynamic control instruction**

Read a string from designated system address, and then combine the instruction to control the camera image.

When the dynamic control command is disabled, the complete camera control command need to be entered in order to display the camera contents.

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fhmieditorp-manual%2F-M2grOgd14NEtTnRlj3O%2F-M2grTl1nXBBEP3TVX4O%2F11.png?generation=1584521933596112\&alt=media)

**3) Camera control instruction**

This is for entering static instruction for camera, so that users can operation camera when HMI running;

**4) Enable rtsp camera**

This is another way to control camera, check it and set the function address.

**Description for USB camera**

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fhmieditorp-manual%2F-M2grOgd14NEtTnRlj3O%2F-M2grTl22XLLGvjukB7j%2F12.png?generation=1584521933626503\&alt=media)

**1) Mode select**

It is used for selecting modes; each mode uses different settings;

**2) Camera settings**

**Function address:** It occupies a word for functional operation. Different value means different operations, as below table shows:

| **Value** | **Operation**                  |
| --------- | ------------------------------ |
| 1         | Enable the screenshot function |
| 2         | refresh camera display object  |

**Camera state:** It shows the current camera states. It occupies a word address. Different value means different operations, as below table shows:

| **Value** | **Operation**                         |
| --------- | ------------------------------------- |
| 1         | Load the camera function successfully |
| 2         | Failed to load the camera function    |
| 3         | Camera does not exist                 |
| 4         | Camera is not running                 |
| 5         | Initialize the camera successfully    |
| 6         | Failed to initialize the camera       |
| 7         | Screenshot successfully               |
| 8         | Failed to screenshot                  |
| 9         | Connected camera                      |
| 10        | Removed camera                        |
| 11        | The cache is full                     |
| 12        | The cache is abnormal                 |

**3) Screenshot storage**

The current screenshots are only allowed on the SD card. When the SD card does not exist the system will cache the latest 10 screenshots.

**Picture name:** The name of the image is controlled by the address. The length of the file name is limited to 64 words. If the image name address is not set, it will be named according to the time and displayed as \[YYYYMMDDHHMMSS.bmp] and screenshot format is \[.bmp].

**4) Global screenshot**

If this function is enable, camera display object can perform the screenshot operation when HMI is running and save it as a .BMP image.

If this function is disabled, camera display object only performs the screenshot operation when it is displayed on screen.

**5) Resolution**

The resolutions of different types of USB cameras are different, and the user can select the corresponding resolution according to the camera. When the user is unsure of the resolution of the camera, start with the smallest resolution until the image is clear.

**6) Use resolution size**

Coordinate displays the object location in the screen, and size is the length and width of the object.

{% hint style="info" %}
✎**Note:**

1. When using USB camera, HD USB camera is not recommended, which is limited by the resolution displayed by HMI itself.
2. When HMI is displayed horizontally, the USB camera screen displays normally. If select vertical display, USB camera can't display normally. (USB camera can only display normally when the display Angle of HMI is 0.)
3. One HMI is only allowed to connect with one USB camera device. There is only one USB camera display part in the whole project screen, and the camera display part is not allowed to be placed on the public screen (1002: common Windows).
4. Sometimes the USB camera may lose the image because of the influence in the field, then we suggest to 9000 HMI and the recommended USB camera model.
5. All below USB camera model have been tested by to ensure the compatibility.
   * REB-USB 100W07M (supports 720p)
   * WX152HD (supports 720p)
   * RMONCAM G200 (supports 720p)
   * ASHU S300 (640\*480)
{% endhint %}

## 6.5.8 Camera Control

**Introduction**

This is for control camera; this object need to be used with camera display object.

**Description**

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0u7fewQOmu9vIPyLEl%2F-M4MoIQir5HRazO6q0CZ%2F-M4MpP7UqzPQN2LPMjsA%2Fimage.png?alt=media\&token=e4f3c302-8406-459b-a5f4-2039b436674f)

**1) Use dynamic control instruction**

Read a string from designated system address, and then combine the instruction to control the camera image.

When the dynamic control command is disabled, the complete camera control command be entered in order to display the camera contents.

**2) Camera control instruction**

This is for enter static instruction for camera, so that users can operation camera when HMI running;

**3) Control bit**

Trigger the switch to control the instruction.

**4) Enable beep**

The object will beep when operate.

## 6.5.9 Printer

**Introduction**

The printing object is primarily suitable for print out or screenshots saving when connected to micro printer.

Printer has two types: serial printer and USB printer. Printf (printext function) should be called when it’s used to print fixed message in a script.

**Printer protocol**

HMI provides printer protocol to users as below. If users want to connect printer to HMI, protocol is necessary.

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fhmieditorp-manual%2F-M2grOgd14NEtTnRlj3O%2F-M2grTl4CoFDzZc2FNZo%2F14.png?generation=1584521933588691\&alt=media)

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fhmieditorp-manual%2F-M2grOgd14NEtTnRlj3O%2F-M2grTl54sJLEscOlT8g%2F15.png?generation=1584521933590837\&alt=media)

**Description**

![](https://2132722362-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fhmieditorp-manual%2F-M2grOgd14NEtTnRlj3O%2F-M2grTl65xL6YiHHXJxz%2F16.png?generation=1584521933584700\&alt=media)

**1) Display settings**

**Direction:** Four direction choices in printing: 0, 90, 180, and 270.

**Zoom in:** Check \[Zoom in] to zoom printing content in proportion with paper size.

**2) Trigger mode**

**Trigger address:** When trigger address turns ON. Printer starts to respond operation.

**Printer\ Save:** It sets operation for this object, printer object can support sending printing command to printer device, and including screenshot;

**3) Save path:**

Valid when the save mode is selected, screenshot the content in printing object area and the save it in specified storage and folder, when trigger address turns ON.
