Embedded HMI graphic objects
A graphic object is a predefined piece of graphic to be inserted into a screen mask. Eache object has a set of properties that can be either statically defined or dynamically set by the IEC program through the value of a variable. The following kinds of objects are available:
- Rectangle (shape or text area)
- Bargrapgh
- Picture (bitmap)
Available objects are displayed in the bottom-right area of the screen editor. Just drag them to the screen and then fill up their properties.
Rectangle (or text area)
This object is used for the display of a rectangle area that may contain a single line of text. Its properties are:
|
Property |
Meaning |
|
Align |
Horizontal alignment for the text (left, center or right). If dynamically passed through a variable, use these values: 0 = center -1 = left 1 = right |
|
Border color |
Color index of the border (can be dynamically passed through a variable) |
|
Border size |
Width of the border in pixels (0 = no border) |
|
Back. color |
Background color index (can be dynamically passed through a variable) |
|
Text color |
Color of the text (can be dynamically changed through a variable) |
|
Text |
Text to be displayed: can be a speicif text, or an ID of a declared HMI string, or the name of a STRING variable |
|
Font |
Character font: can be an ID of a declared font or the name of an integer variable that will contain this ID. |
Round rectangle
This object is used for the display of a rounded rectangle area that may contain a single line of text. Its properties are:
|
Property |
Meaning |
|
Align |
Horizontal alignment for the text (left, center or right). If dynamically passed through a variable, use these values: 0 = center -1 = left 1 = right |
|
Border color |
Color index of the border (can be dynamically passed through a variable) |
|
Border size |
Width of the border in pixels (0 = no border) |
|
Back. color |
Background color index (can be dynamically passed through a variable) |
|
Text color |
Color of the text (can be dynamically changed through a variable) |
|
Text |
Text to be displayed: can be a speicif text, or an ID of a declared HMI string, or the name of a STRING variable |
|
Font |
Character font: can be an ID of a declared font or the name of an integer variable that will contain this ID. |
|
Round corner |
Size of the round corner, in pixels |
Ellipse
This object is used for the display of an ellipse or circle. Its properties are:
|
Property |
Meaning |
|
Border color |
Color index of the border (can be dynamically passed through a variable) |
|
Border size |
Width of the border in pixels (0 = no border) |
|
Fill color |
Background color index (can be dynamically passed through a variable) |
|
Font |
Character font: can be an ID of a declared font or the name of an integer variable that will contain this ID. |
|
Text color |
Color of the text (can be dynamically changed through a variable) |
|
Text |
List of choices (lines) to be displayed, separated by '|' characters. E.g.: Choice1|Choice2|Choice3 |
Line
This object is used for the display of a line. Its properties are:
|
Property |
Meaning |
|
Direction |
Direction of the line within its rectangle area |
|
Line width |
Width of the line, in pixels |
|
Status |
Boolean status for color selection |
|
Color FALSE |
Line color when status is FALSE |
|
Color TRUE |
Line color when status is TRUE |
Bargraph
This object is used for the display of a bargraph reactangle area. Its properties are:
|
Property |
Meaning |
|
Direction |
Growing direction of the bargraph. If dynamically passed through a variable, use these values: 0 = left to right 1 = bottom to top 2 = right to left 3 = top to bottom |
|
Border color |
Color index of the border (can be dynamically passed through a variable) |
|
Border size |
Width of the border in pixels (0 = no border) |
|
Back. color |
Background color index (can be dynamically passed through a variable) |
|
Fill color |
Color of the filled part (can be dynamically changed through a variable) |
|
Fill value |
Percentage of the rectangle filled (from 0 to 100), generally exchanged through an integer variable. |
Picture (bitmap)
This object is used for the display of a bitmap picture. Its properties are:
|
Property |
Meaning |
|
Back. color |
Background color index used if the object is larger than the bitmap. |
|
Bitmap |
ID of the bitmap declared in the bitmap editor. Can be the name of an integer variiable that will contain this ID. |
Trend
This object is used for the display of a trend diagram. Its properties are:
|
Property |
Meaning |
|
Style |
Kind of drawing. Possible values are: 1: histogram (filled area under the curve) 2: points (curve line) |
|
Border color |
Color index of the border (can be dynamically passed through a variable) |
|
Border size |
Width of the border in pixels (0 = no border) |
|
Back. color |
Background color index (can be dynamically passed through a variable) |
|
Fill color |
Color of the filled part (can be dynamically changed through a variable) |
|
Item width |
Number of pixels on the X axis for each sample of the trend |
|
First array item |
0-based index of the item of the array to be displayed as the first value |
|
Last array item |
0-based index of the item of the array to be displayed as the last value |
|
Array |
Array of values to be displayed (in range 0-100) |
Menu
This object is used for the display of menu like scrollable choice list. Its properties are:
|
Property |
Meaning |
|
Align |
Horizontal alignment for the text (left, center or right). If dynamically passed through a variable, use these values: 0 = center -1 = left 1 = right |
|
Border color |
Color index of the border (can be dynamically passed through a variable) |
|
Border size |
Width of the border in pixels (0 = no border) |
|
Font |
Character font: can be an ID of a declared font or the name of an integer variable that will contain this ID. |
|
Back. color |
Background color index (can be dynamically passed through a variable) |
|
Text color |
Color of the text (can be dynamically changed through a variable) |
|
Select font |
Character font for the selected line |
|
Select back. color |
Background color index of the selected line |
|
Select text color |
Color of the text on the selected line |
|
Text |
List of choices (lines) to be displayed, separated by '|' characters. E.g.: Choice1|Choice2|Choice3 |
|
Line height |
Height of a line, in pixels |
|
Selection |
Index of the selected line (first line is 1) Any selection is removed if this value is 0 |
Embedded HMI graphic objects |
|
IEC 61131-3 Automation platform > Embedded HMI > Embedded HMI screens > Embedded HMI graphic objects |
|
|
Created with the Personal Edition of HelpNDoc: Leave the tedious WinHelp HLP to CHM conversion process behind with HelpNDoc