6.6 Draw
Last updated
Was this helpful?
Last updated
Was this helpful?
it provides function of drawing graphics, setting text, displaying pictures, this part contains Text, Line, Polygon, Cycle, Arc, Rectangle, Broken Line, Linear Scale, Arc scale, Table.
Introduction
Date object displays local system date on the HMI screen
Description
1) Display
Open: It locals to [Shape] to select object background picture;
Default: Click it to reset object background;
No Shape: It sets transparent background for this object;
Font: It locals to [Font library] to select font for text in object;
2) Text color
It sets color for text in object;
3) Color
Valid when select SVG picture from [Shape], user can modify SVG color according to requirements;
4) Data format
It sets object display date or week, and format, detailed please refer to below table.
Classification
Properties
Display style
Format
Show date
YYYY/MM/DD: year/month/day
MM/DD/YYYY: month/day/year
DD/MM/YYYY: day/month/year
Show week
Chinese 1
English 1
Chinese 2
English 2
Introduction
Date object displays local system time on the HMI screen
Description
1) Display
Open: It locals to [Shape] to select object background picture;
Default: Click it to reset object background;
No Shape: It sets transparent background for this object;
Font: It locals to [Font library] to select font for text in object;
2) Text color
It sets color for text in object;
3) Color
Valid when select SVG picture from [Shape], user can modify SVG color according to requirements;
Introduction
It adds text to HMI screen, and a object can be displayed in 8 languages (set in "All Languages") with a special address setting.
Description
1) Current state
It used to switch the object states, but [Text] object only has one state, so this function is invalid.
2) All language
All object can support text in 8 languages.
3) From text library
If user already setting text in [Text library], user can use text from [Text library] directly.
4) Windows
It displays three languages content and provides text display setting access
5) Text color
It sets color for text in object;
6) Text background
It sets object background; it only supports color;
Introduction
It is displayed in a table format in the HMI screen to meet the display needs of user.
Description
1) General
Rows: It sets rows for table;
Columns: It sets columns for table;
Table line width: It sets table line width, the larger the value, the thicker the line;
Frame line width: It sets table frame line width, the larger the value, the thicker the line;
Border: It sets table line color, including table line and frame line;
Transparence: It sets the transparency of the object background;
Fill style: There are two options for it, one is display background, and the other is no background;
Background: Valid when select display background in [Fill style];
2) View
It is for preview object;
Introduction
It is displayed in line format in the HMI screen to meet the display needs of user.
Description
1) Display settings
Line: It sets line color;
Line type: It sets line type; it provides 9 types for user;
Transparence: It sets the transparency of the object background;
2) Line width control
In basic display settings, the line width can't be changed, but user can change width by address.
Read the numerical value of address to control the width of line. Display range of numerical value: 1-10.
3) Coordinate control
Dynamically set the position coordinate between two points in line. Set four addresses respectively corresponding to the starting point and end point coordinate. If the numerical value of coordinate is over interface, the object will not be displayed.
4) Color control
Dynamically set the color of the line. The values of the color RGB are controlled by three addresses, and the value range from 0 to 255.
5) View
It is for preview object;
Introduction
It is displayed in polygon format in the HMI screen to meet the display needs of user.
Right click to close polygon and then complete the creation procedure. Select the polygon, then click its point position to change its vertex coordinate after it is created.
Description
1) Display settings
Border color: It sets border line color;
Border type: It sets border line type;
Border width: It sets border line width
Transparence: It sets the transparency of the object background;
Coordinate editing: It changes coordinate for all points in this object, as below shows;
Filling pattern: It can't be modified now;
Background: It sets background color of object;
2) Transparence control
Read the numerical value of address, control the transparency; value range: 0-100.
3) Color control
Dynamically set the color of background. The values of the color RGB are controlled by three addresses, and the value range from 0 to 255.
4) View
It is for preview object;
Introduction
It is displayed as cycle in HMI screen to meet the display needs of user.
Description
1) Display settings
Border: It sets border line color;
Frame width: It sets border line type;
Frame type: It sets border line width
Pattern: It sets background type, there are four types.
Background: It sets background color of object, invalid when select [No fill] in [Pattern]
Transparence: It sets the transparency of the object background;
2) Transparence control
Read the numerical value of address, control the transparency; value range: 0-100.
3) Cycle
Check if for circle; uncheck it for ellipse.
4) Color control
Dynamically set the color of background. The values of the color RGB are controlled by three addresses, and the value range from 0 to 255.
5) Move Control
Dynamically set the position coordinate and size of circle/ellipse when HMI is running.
X axis: The length value moved along the X axis comes from the set address;
Y axis: The length value moved along the Y axis comes from the set address;
Radius address: The radius length of the circle/ellipse from the set address;
Introduction
The software uses arc drawing to specify the starting point and ending point, using a counterclockwise drawing method. The contour, start and end points of the arc can be modified on the screen. If the user wants to change the start and end points of the arc on the screen, the arc should be selected firstly.
Description
1) View
It is for preview object;
2) Display settings
Border: It sets border line color;
Line type: It sets border line width;
Line width: It sets border line type;
Fill style: It sets background type, there are four types.
Transparence: It sets the transparency of the object background;
Background: It sets background color of object, invalid when select [No fill] in [Pattern];
3) Only show arc
Check it for displaying arc; Uncheck it for displaying sector;
4) Transparence control
Read the numerical value of address, control the transparency; value range: 0-100.
5) Color control
Dynamically set the color of background. The values of the color RGB are controlled by three addresses, and the value range from 0 to 255.
6) Angle control
Dynamically set the shape of the arc, start angle and end angle are controlled separately by setting address.
7) Angle
It displays and sets the starting and ending angles of the arc.
Introduction
It is displayed as rectangle in HMI screen to meet the display needs of user.
Description
1) View
It is for preview object;
2) Display settings
Border: It sets border line color;
Frame width: It sets border line type;
Frame type: It sets border line width
Pattern: It sets background type, there are four types.
Background: It sets background color of object, invalid when select [No fill] in [Pattern]
Transparence: It sets the transparency of the object background;
3) Transparence control
Read the numerical value of address, control the transparency; value range: 0-100.
4) Rounded rectangle
Display rounded rectangle, set the numerical value of fillet, range:1-100.
5) Color control
Dynamically set the color of background. The values of the color RGB are controlled by three addresses, and the value range from 0 to 255.
6) Move Control
Dynamically set the position coordinate and size of circle/ellipse when HMI is running.
X axis: The length value moved along the X axis comes from the set address;
Y axis: The length value moved along the Y axis comes from the set address;
Width: The width of rectangle comes from the set address;
Height: The height of rectangle comes from the set address;
Introduction
The line segments are linked end-to-end to form a broken line, whose vertex coordinate can be modified by drafting, just like polygon.
Description
1) Display settings
Line color: It sets line color;
Line type: It sets line type;
Line width: It sets line width
Transparence: It sets the transparency of the object line;
Coordinate editing: It changes coordinate for all points in this object, as below shows;
2) Transparence control
Read the numerical value of address, control the transparency; value range: 0-100.
3) Line width control
In basic display settings, the line width can't be changed, but user can change width by address.
Read the numerical value of address to control the width of line. Display range of numerical value: 1-10.
4) View
It is for preview object;
Introduction
The linear scale is a linear scale that draws the specified area with a bisector. The specific scale of the scale can be marked with static text.
Description
1) Display settings
Line color: It sets all line in object (including main and sub scale);
Display direction: It provides four modes for display;
Main scale: It sets the cell of the main scale;
Sub scale: It sets the cell of sub scale for every main scale;
2) View
It is for preview object;
Introduction
It displays the scale within the specified arc area. The arc scale needs to specify a center coordinate. The inner and outer circles have two concentric circles that specify the scale length and the display area. The scale is distributed counterclockwise between the start angle and the end angle.
Description
Line color: It sets all line in object (including main and sub scale);
Display direction: It provides four modes for display;
Main scale: It sets the cell of the main scale;
External radius: It sets the distance from the center of the circle to the outer circle of object;
Inner radius: It sets the distance from the center of the circle to the inner circle of object;
Start angle: It displays and sets the start angles of the arc;
End angle: It displays and sets the end angles of the arc;
