Animation types and their configuration methods
The methods to configure each animation type include:
Use this animation type | For this effect | Using one of these methods | Using these properties or tags | ||
Color Table | State Table | Property binding | |||
Color | Draw attention to a graphic element or to indicate status. |  | | | Add one or more color properties to the Color Table or State Table or bind directly to them. Tip: Bind color properties only to string tags. Binding to an integer tag, a floating point tag, or an expression is not supported and will not produce a change in the color. |
Fill | Show the level of the contents of a tank or other graphic element with a Level property. | | | Add a tank level property to the State Table or bind directly to it. | |
Position | Show motion, such as a product moving down a conveyor belt. Combine this method with size to show a perspective view of a graphic element moving. | | | Add the X, Y properties to the State Table or bind directly to them. | |
Rotation | Show angular motion, such as the hands moving on a clock. | | | Add the Angle property to the State Table or bind directly to it. | |
Opacity | Gradually show or hide a graphic element. | | | Add an opacity property to the State Table or bind directly to it. | |
Visibility | Show or hide screen content. | | | Add the Visible property to the State Table or bind directly to it. | |
Size | Use Size animation in combination with Position animation to show a perspective view of a graphic element moving. (The object becomes smaller as it moves away). | | | Add the Height, Width properties to the State Table or bind directly to them. | |
Blink | Draw attention to an element. | | Bind the selected property (typically Visibility) to one of the Display system tags: Display.BlinkFast, Display.BlinkMedium, Display.BlinkSlow. | ||
Availability | Prevent user interaction with a graphic element. | | Bind to the Enabled property of a graphic element. | ||
Provide Feedback