Animate a widget property

This topic describes to animate a widget property.

Animating a property means to link a widget property to a bound data component value, so that the widget can display any change in value as it occurs.

NOTE: Before you can animate a widget property, you must add a binding from the desired component to the target widget. The binding must exist before the property can be animated.

Perform the following steps:

In the Px Editor canvas, select (or double-click) the widget to animate.

The widget properties display in the Properties side bar (or window, if you double-clicked).
In the Properties side bar (or window) right-click on the property to animate and select Animate from the popup menu.

The Animate window opens. If you have more than one binding associated with the widget, all bindings are available in the Binding options list.
From the Binding options list, select the binding that is associated with the component value to which to link.
From the Converter Type options list, select the binding that is associated with the component value to link to.

NOTE: The default converter type is based on the component that you have selected and most of the time this is the converter type to use.

The Animate window displays different properties, based on the type of value (and converter) that you are animating.
Complete the binding to the value using the controls in the Animate window and click OK.

The Animate window disappears and the binding opens in the properties side bar (or window).
If using the Properties window, click OK to close it.

The property value is animated.

Animate a widget property

Related Links