Animation Reference
Animation
Parent Animation
Parallel Animation
Sequence Animation
Selection Animation
Condition Animation
Case Animation
Fade Animation
FadeIn Animation
FadeOut Animation
Pulse Animation
Property Animation
Discrete Animation
Interpolated Animation
Color Animation
Length Animation
Move Animation
Resize Animation
Scale Animation
Action
Enable Action
Hide Action
Style Action
Opacity Action
Script Action
Animation
Animation is an abstract base class used as a starting point for all the other animations.
provides the basic mechanics for the animation (playing, pausing, stopping, timing, etc.)
and leaves the actual animation to be done in the abstract methods getAnimatedValue
and setValue.
| Tag: |
Animation |
| Class: |
AjaxControlToolkit.Animation.Animation |
| Base: |
Sys.Component |
| Constructor: |
new AjaxControlToolkit.Animation.Animation(target, duration, fps); |
| Play: |
AjaxControlToolkit.Animation.Animation.play(target, duration, fps); |
| Properties: |
|
Number duration;
Length of time to play the animation (in seconds). The default value is 1.
|
|
Number fps;
Number of frames per second shown when animating. The default values is 25.
|
|
Boolean isActive; // Read Only
true if animation is active, false if not.
|
|
Boolean isInitialized; // Read Only
Inherited from Sys.Component
|
|
Boolean isPlaying; // Read Only
true if animation is playing, false if not.
|
|
Boolean isUpdating; // Read Only
Inherited from Sys.Component
|
|
Number percentComplete; // Read Only
Percentage of the animation already played.
|
|
Object target;
Target element that the animation should operate on. (Note: Do not set this property in
a generic xml animation description. It will be set automatically using either the TargetControlID
or the AnimationTarget properties.)
|
|
| Methods: |
|
dispose();
Dispose the animation
|
|
getAnimatedValue();
Determine the state of the animation after the given percentage of its duration has elapsed
|
|
getDescriptor();
Inherited from Sys.Component
|
|
interpolate(start, end, percentage);
Given two Numbers start and
end, the interpolate function
will produce another Number the specified
percentage between the two values.
|
|
onEnd();
Perform any cleanup after playing the animation.
|
|
onStart();
Perform any initialization before playing the animation.
|
|
onStep(percentage);
Progress the animation through each frame
|
|
pause();
Pause the animation
|
|
play();
Play the animation
|
|
setOwner(owner);
Inherited from Sys.Component
|
|
setValue(value);
Set the current state of the animation
|
|
stop();
Stop playing the animation
|
|
Parent Animation
The ParentAnimation serves as a base class for all animations that contain children (such as
ParallelAnimation,
SequenceAnimation, etc.). It does not
actually play the animations, so any classes that inherit from it must do so.
| Tag: |
Parent |
| Class: |
AjaxControlToolkit.Animation.ParentAnimation |
| Base: |
AjaxControlToolkit.Animation.Animation |
| Constructor: |
new AjaxControlToolkit.Animation.ParentAnimation(target, duration, fps, animations); |
| Play: |
AjaxControlToolkit.Animation.ParentAnimation.play(target, duration, fps, animations); |
| Properties: |
|
| Methods: |
|
Parallel Animation
The ParallelAnimation plays several animations simultaneously. It inherits from
ParentAnimation, but makes itself the owner of all its child animations as this allows
it to use a single timer and synchronization mechanisms of the parent animation (in other words, the duration
properties of any child animations are ignored in favor of the parent's duration). It is very useful in
creating sophisticated effects through combinations of simpler animations.
Note: The ParallelAnimation cannot have any child animations that derive
from SequenceAnimation.
| Tag: |
Parallel |
| Class: |
AjaxControlToolkit.Animation.ParallelAnimation |
| Base: |
AjaxControlToolkit.Animation.ParentAnimation |
| Constructor: |
new AjaxControlToolkit.Animation.ParallelAnimation(target, duration, fps, animations); |
| Play: |
AjaxControlToolkit.Animation.ParallelAnimation.play(target, duration, fps, animations); |
| Properties: |
|
| Methods: |
|
Sequence Animation
The SequenceAnimation runs several child animations one after the other. It can also repeat the sequence
of animations for a specified number of iterations (which defaults to a single iteration, but will repeat
forever if you specify zero or less iterations). It is important to note that the SequenceAnimation ignores
its duration and fps properties, and will let each of its child animations
use any values they please.
Note: The SequenceAnimation cannot be a child animation of ParallelAnimation,
SelectionAnimation, or any animation deriving from these two.
| Tag: |
Sequence |
| Class: |
AjaxControlToolkit.Animation.SequenceAnimation |
| Base: |
AjaxControlToolkit.Animation.ParentAnimation |
| Constructor: |
new AjaxControlToolkit.Animation.SequenceAnimation(target, duration, fps, animations, iterations); |
| Play: |
AjaxControlToolkit.Animation.SequenceAnimation.play(target, duration, fps, animations, iterations); |
| Properties: |
|
| Methods: |
|
Selection Animation
The SelectionAnimation will run a single animation chosen from of its child animations.
This is a base class with no functional implementation, so consider using ConditionAnimation or
CaseAnimation.
Note: The SelectionAnimation cannot have any child animations that derive
from SequenceAnimation.
| Tag: |
Selection |
| Class: |
AjaxControlToolkit.Animation.SelectionAnimation |
| Base: |
AjaxControlToolkit.Animation.ParentAnimation |
| Constructor: |
new AjaxControlToolkit.Animation.SelectionAnimation(target, duration, fps, animations); |
| Play: |
AjaxControlToolkit.Animation.SelectionAnimation.play(target, duration, fps, animations); |
| Properties: |
|
| Methods: |
|
Condition Animation
The ConditionAnimation is used as a control structure to play a specific child animation depending
on the result of executing the conditionScript. If the conditionScript
evaluated to true, the first child animation is played. If it evaluates to false, the second child animation is played (although nothing
is played if the second animation is not present).
Note: The ConditionAnimation cannot have any child animations that derive from SequenceAnimation.
| Tag: |
Condition |
| Class: |
AjaxControlToolkit.Animation.ConditionAnimation |
| Base: |
AjaxControlToolkit.Animation.SelectionAnimation |
| Constructor: |
new AjaxControlToolkit.Animation.ConditionAnimation(target, duration, fps, animations, conditionScript); |
| Play: |
AjaxControlToolkit.Animation.ConditionAnimation.play(target, duration, fps, animations, conditionScript); |
| Properties: |
|
| Methods: |
|
Case Animation
The CaseAnimation is used as a control structure to play a specific child animation depending
on the result of executing the selectScript, which should evaluate to the index of the child
animation to play (this is similar to the switch statement in C#, etc.). If the provided index
is outside the bounds of the child animations (or if nothing was returned) then we will not play anything.
Note: The CaseAnimation cannot have any child animations that derive from SequenceAnimation.
| Tag: |
Case |
| Class: |
AjaxControlToolkit.Animation.CaseAnimation |
| Base: |
AjaxControlToolkit.Animation.SelectionAnimation |
| Constructor: |
new AjaxControlToolkit.Animation.CaseAnimation(target, duration, fps, animations, selectScript); |
| Play: |
AjaxControlToolkit.Animation.CaseAnimation.play(target, duration, fps, animations, selectScript); |
| Properties: |
|
| Methods: |
|
Fade Animation
The FadeAnimation is used to fade an element in or out of view, depending on the provided
AjaxControlToolkit.Animation.FadeEffect. The minimum and maximum opacity values can be specified to precisely control the fade.
Also, due to known issues with Internet Explorer, the forceLayoutInIE
property is used to enforce certain conditions (specifically that it has a set size and background color). You may also consider using
FadeInAnimation and FadeOutAnimation if you know the specific direction you are fading.
| Tag: |
Fade |
| Class: |
AjaxControlToolkit.Animation.FadeAnimation |
| Base: |
AjaxControlToolkit.Animation.Animation |
| Constructor: |
new AjaxControlToolkit.Animation.FadeAnimation(target, duration, fps, effect, minimumOpacity, maximumOpacity, forceLayoutInIE); |
| Play: |
AjaxControlToolkit.Animation.FadeAnimation.play(target, duration, fps, effect, minimumOpacity, maximumOpacity, forceLayoutInIE); |
| Properties: |
|
| Methods: |
|
FadeIn Animation
The FadeInAnimation performs a fade in from the current opacity to the
maximumOpacity.
| Tag: |
FadeIn |
| Class: |
AjaxControlToolkit.Animation.FadeInAnimation |
| Base: |
AjaxControlToolkit.Animation.FadeAnimation |
| Constructor: |
new AjaxControlToolkit.Animation.FadeInAnimation(target, duration, fps, minimumOpacity, maximumOpacity, forceLayoutInIE); |
| Play: |
AjaxControlToolkit.Animation.FadeInAnimation.play(target, duration, fps, minimumOpacity, maximumOpacity, forceLayoutInIE); |
| Properties: |
|
| Methods: |
|