“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. For more details, see About Animating Graphics
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. For more details, see
Add data bindings
- In the Px Editor canvas, select (or double-click) the widget that you want to animate.
The widget properties display in the properties side bar (or dialog box, if you double-clicked).
- In the properties side bar (or dialog box) right-click on the properties field of the property that you want to animate and
select Animate from the popup menu.
The Animate dialog box appears. If you have more than one binding associated with the widget, all bindings will be available in the Binding options list.
- From the Binding options list, select the binding that is associated with the component value to which you want to link.
- From the Converter Type options list, select the binding that is associated with the component value you want to link to.
NOTE: The default converter type is based on the component that you have selected and most of the time this will be the converter
type that you want to use. For more details, see
Types of Converters
The Animate dialog box displays different fields, based on the type of value (and converter) that you are animating.
- Complete the binding to the value using the controls in the Animate dialog box and click OK.
The Animate dialog box disappears and the binding appears in the properties side bar (or dialog box).
- If using the Properties dialog box, click OK to close it.
The property value is animated.