Silverlight Helper (With out of browser capability) Silverlight Resources Directory
Jul 22

In Silverlight 3, there are a lot of fantastic new features. One of it is the use of Easing Function in your Storyboard Animations. Easing functions allow you to apply custom mathematical formulas to your animations. It helps you to create animations that is more realistic and much more easy to manage.

You may find an overview of Silverlight Animations Overview from here.

Silverlight has provided 11 preset Easing Functions. Each EasingFunctions have 3 EaseMode (EaseIn, EaseOut, EaseInAndOut). Below is a general overview how the easing functions look like.

Silverlight Easing Functions

Each functions has it own style and you can create a lot of effects if you use them wisely. Besides the built-in ease functions, you are able to create your own Easing Function as well. However, I think the built-in easing functions is able to handle most of the cases.

Well, I believe the graph above is not intuitive enough for you to project the actually animation effect that can be applied to your Silverlight controls. Don’t worry, check out the below Application and have a experience the power of the Storyboard Animationis.

Demo and Source Code

Source Code:

 

Silverlight

Shares and Enjoy~

Did you like this post?

Subscribe here:  

8 Responses to “11 Storyboard Animation Easing Demonstration”

  1. NewsPeeps Says:

    11 Storyboard Animation Easing Demonstration…

    Thank you for submitting this cool story - Trackback from NewsPeeps…

  2. Родион Абдулов Says:

    Аднажды в студеную летнюю пору. Бродил Я по сети. Наткнулся на пост. Понравилось очень! Респект выражаю! И даже закладки себе добавляю!

  3. camoore Says:

    This is a great and very helpful demonstration on easing. Thank you for taking the time to share this!

  4. Michael Says:

    This is VERY Helpful.

  5. Мурат Says:

    Какие положительные результаты :)

  6. DotNetMonkey Says:

    Thanks a lot for sharing this great(!) post!

  7. George Says:

    This is probably the single most helpful animation / transform / easing example I have ever used. Hands down an absolute must! Thank you for sharing this with us. I can’t tell you how much this has opened my eyes. I’ve done hours of research and in just the small article found everything I was looking for. :)

  8. 动画缓冲或叫缓动函数(Animation Easing)-蝈蝈俊.net Says:

    [...] http://www.shinedraw.com/animation-effect/11-storyboard-animation-easing-demonstration/ [...]

Leave a Reply