Animations and Tweening
157
PDesign4 Touch Panel Design Software (v2.10 or higher)
specify whether to scale the button to fit the animated image, or to simply apply the animation
to the button at its current size. If you are applying an animation that is bigger than the
containing button, a warning message is displayed along the bottom of the dialog, and the
animated image will be clipped (cropped) to fit in the button.
Use the options in the lower-half of this dialog to specify the positioning of the animated
image relative to the button containing it. Select the desired position option from the drop-
down list. If you select Absolute, use the X and Y fields to indicate the desired position.
Animation Wizard - Assign Frames (Step 4 of 6)
Click Next to proceed to the Animation Wizard - Assign Frames (Step 4 of 6) dialog. Use this dialog to
create enough states to accommodate the number of frames in the animation sequence. For example, if
you create a multi-state button, and open the Animation Wizard before adding any states, you have only
two states on the button. Obviously, the animation sequence will have more than two frames. Lets say
that your sequence has ten frames. The options in this dialog allow you to automatically detect the
number of frames in the animation sequence, and the number of states available on the button to which
the animation is to be applied. So, for a ten-frame animation, you'll have to add at least eight states to the
button (one frame per button state).
Use the first field to indicate which state to start the animation on (default = 1, the first state).
Use the next field to indicate which of the existing states to duplicate, if more states are
required for the animation.
If button states exist beyond the end of the animation, use the radio buttons to indicate how to
handle them (Leave Alone or Remove).
Animation Wizard - Appearance (Step 5 of 6)
Click Next to proceed to the Animation Wizard - Appearance (Step 5 of 6) dialog. Use this dialog to
specify how treat the Button Border Style, and Button Fill Color on the resulting button.
If creating a bitmap animation, these options default to no border (Set to "none") and
transparent fill (Set to "transparent").
If creating a icon animation, these options default to leave both border an fill color alone
(Leave alone).
Animation Wizard - Finish (Step 6 of 6)
Click Next to proceed to the Animation Wizard - Finish (Step 6 of 6) dialog. This dialog lists the actions
to be taken to generate the button animation, including:
The number of states to be added to the button, and which state to duplicate.
The position of the animation on the button.
The starting state for the animation, the number of frames in the animation, and the animation
type (Bitmap or Icon).
A listing of each state and the image file associated with it.
Click Finish to generate the animation.
Note that the animation is displayed in the State Manager window (if it is open).
Use the Button Preview window to view the animation (select View > Button Preview, and
click Push).
All position (X-Y) values in TPDesign4 are zero-based (measured in pixels), meaning
that the upper-left corner of each button is represented by the X-Y value of 0, 0.
To Next Page
Loading...
Need help?
General
Weight and Dimensions
