Rotation Image is an output widget. It provides the rotation function for a still image. This widget is suitable for implementing the needle of a meter or gauge. It supports opacity and image layering. This widget can work together with other widgets to form complex widgets ehancing the visual effect of the HMI.
The performance and resource requirement is inversely propotional to the size of the image. The larger-sized image of this widget requires more memory space and computation resources.
An educational vidoe is availble to get users started:
Rotation Image
Property
Description
Operation
Widget Name
Widget displayed name
Name
Link to User Manual
Link to IOT’s website for User Manual
Visibility Control
Property
Description
Operation
Binding Hidden Control Register
Select a binding register to control the visibility of this widget
Checkbox
Hidden Control Register
Choose a binding regsiter
Register Selector
Center Location Setting
Property
Description
Operation
Center Location
Set the coordinate values for the center of the circle
Alignment Selector
Move to Center
Move the center of the circle to the central point of the widget
Alignment Selector
Rotation Setting
Property
Description
Operation
Minimum Data Value
Set the staring value of the needle. This value must be smaller than the maximum value of the binding register.
Number Editor
Maximum Data Value
Set the ending value of the needle. This value must be larger than the minimum value of the binding register.
Number Editor
Revsered Scale
Set the scale to be reserved. That is to set the minimum value to be the ending value of the needed and the maximum value to be the staring value.
Checkbox
Start Angle
Set the needle’s starting angle (0-360). Please refer to Number Editor
Number Editor
Arc Length
Needle’s rotation arc length in degree (0-360)
Number Editor
Load Rotated Image
Load an image from the file system as the needle
File Open Dialog Box
Behavior Setting
Property
Description
Operation
Enable Slider Knob
Enale the knob If the knob is enabled, this widget can become an input one as users can change the binding register’s value.
Checkbox
Binding Register
Select a binding regsiter whose value is represented by the needle
Register Selector
Preview
Property
Description
Operation
Show Protractor
Show the protractor The protractor represents the range of the rotation
Checkbox
Value
Slider to select a value for the needle to display
Number Editor
Property
Description
Operation
Adjust the location of the center of the circle
Center Editor
Move to Center
Property
Description
Operation
Move to Center
Move the center of the circle to the central point of the widget
Center Editor
Property
Description
Operation
Reset to Original Size
Reset the widget to its original size
Reset Editor
Reset Ratio by Width
Reset the size of the widget based on the original widget ratio with width unchanged
Reset Editor
Reset Ratio by Height
Reset the size of the widget based on the original widget ratio with height unchanged
Reset Editor
Load Rotated Image…
Load an image from the file system as the needle
File Open Dialog Box
Pasted Rotated image from Clipboard
Pasted an image from Clipboard as the needle
Link to User Manual…
Connect to the education video and play it