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.
- 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.