Animation Types
- Last UpdatedJul 13, 2023
- 2 minute read
There are two types of animations:
-
Visualization animations determine the element’s appearance, such as blinking, fill style, percent fill horizontal, value display, and so on.
-
Interaction animations determine the element’s behavior, such as horizontal sliders, user input, and so on.
There are visualization and interaction animations that are specific to certain elements. For example, the DataStatus animation is specific to the Status element. Element-specific animations also determine element behavior and appearance.
You can configure the following common animation types:
|
Animation Type |
Description |
|---|---|
|
Visibility |
Shows or hides the element depending on a value or an expression. |
|
Fill Style |
Specifies the interior fill style depending on a discrete or analog expression or one or more conditions. |
|
Line Style |
Specifies the style and pattern of the element line depending on a discrete or analog expression or one or more conditions. |
|
Text Style |
Specifies the style of the element text depending on a discrete or analog expression or one or more conditions. |
|
Blink |
Sets the element to blink invisibly or with specified colors depending on a discrete value or expression. |
|
Element Style |
Defines a set of visual properties that determine the appearance of text, lines, graphic outlines, and interior fill shown in Industrial graphics. |
|
% Fill Horizontal |
Fills the element with color partially from left to right or vice versa, depending on an analog value or expression. |
|
% Fill Vertical |
Fills the element with color partially from top to bottom or vice versa, depending on an analog value or expression. |
|
Location Horizontal |
Positions the element with a horizontal offset depending on an analog value or expression. |
|
Location Vertical |
Positions the element with a vertical offset depending on an analog value or expression. |
|
Width |
Increases or decreases the element width depending on an analog value or expression. |
|
Height |
Increases or decreases the element height depending on an analog value or expression. |
|
Point |
Changes the X and Y coordinate values of one or more selected points on a graphic or graphic element. |
|
Orientation |
Rotates the element by an angle around its center point or any other point depending on an analog value or expression. |
|
Value Display |
Shows a discrete, analog, string value, time value, name or expression. |
|
Tooltip |
Shows a value or expression as a tooltip when the mouse is moved over the element. |
|
Disable |
Disables the element’s animation depending on a Boolean value or expression. |
|
User Input |
Enables the run-time user to type a Boolean, analog, string, time or elapsed time value that is then assigned to an equipment.item. |
|
Slider Horizontal |
Enables the run-time user to drag the element left or right and write back the offset to an analog equipment.item. |
|
Slider Vertical |
Enables the run-time user to drag the element up or down and write back the offset to an analog equipment.item. |
|
Pushbutton |
Writes predetermined values to Boolean or analog references when the user clicks on the element. |
|
Action Scripts |
Runs an action script when the run-time user clicks on the element. |
|
Show Symbol |
Shows a specified graphic at a specified position when the run-time user clicks on the element. |
|
Hide Symbol |
Hides a specified graphic when the run-time user clicks on the element. |