Silverlight Animation Class Diagram
The MSDN section Animation is a good overview on Silverlight animation. Below class diagram, summary and table can serve as quick reference.
Diagram
Summary
- Timeline is the base class of animation classes and Storyboard. It provides BeginTime, Duration, FillBehavior, RepeatBehavior, AutoReverse etc. dependent properties, and Completed event.
- Storyboard is a collection of Timelines, including animations and storyboards. It provides Begin, Stop, Pause, Resume etc. methods, and TargetName and TargetProperty attached properties.
- Basic animations: [Double|Point|Color]Animation classes animate correspondingly typed dependent properties between two values specified by From, To, By properties. They use EasingFunction property to animate changes non-linearly:
- Easing functions: Silverlight provides 11 easing function classes ([Back|Bounce|Circle|Cubic|Elastic|Exponential|Power|Quadratic|Quartic|Quintic|Sine]Ease), all subclass of EasingFunctionBase, which provides dependent property EasingMode.
- Key-frame animation: key-frame animations support animating through a collection of key frames, each with KeyTime and Value properties. They also support multiple interpolation methods between key frames: discrete, easing, linear, spline. So there are 13 key frame classes: [Discrete|Easing|Linear|Spline][Double|Point|Color]KeyFrame and ObjectKeyFrame.
Table
|
Property type |
Basic (From/To/By) animation |
Key-frame animation |
Usage example |
Interpolation methods supported |
|---|---|---|---|---|
|
Animate the Color of a SolidColorBrush or a GradientStop. |
Discrete, Linear, Splined |
|||
|
Animate the Width of a Rectangle or the Height of an Ellipse (or any FrameworkElement) |
Discrete, Linear, Splined |
|||
|
Animate the Center position of an EllipseGeometry. |
Discrete, Linear, Splined |
|||
|
None |
Animate the Fill property from one GradientBrush to another. |
Discrete |
Recent Comments