31 times of Windows mobile | Day #29: Animations. This post is Day #29 in a set called the 31 times of Windows mobile.
Yesterday, we penned on how to monetize your applications through marketing. I’m going to show you how to add some movement and flair to your application by using animations today.
That Awesome hinged Door Open Animation
In the event that you’ve ever exposed a credit card applicatoin in the emulator, you receive this very nice “door available” animation that occurs before the job lots. I’m going to demonstrate you the way to incorporate that style of animation to your pages. (It is really surprisingly easy. )
Get a brand new task (use the Windows Phone Application template if you wish to follow along), and add a rectangle towards the Grid known as ContentPanel. Here’s what mine seems like:
For producing the animation, we’re likely to perform some sleep for this work with Expression Blend 4. To open up assembling your project in Blend, right click upon it in artistic Studio 2010, and choose the “Open in Expression Blend” option.
As soon as you’ve gotten any project available in Expression Blend, discover the “Objects and Timeline” tab. There is certainly a small “+” sign with this tab, also it’s for producing brand new animations, or “storyboards”.
Whenever you click that “+” symbol, you’ll get a dialog that seems like this. Offer your animation a title:
You’ll have returned to your things and Timeline tab, however now there’s a real schedule to just the right of one's web web web page objects. To start to see the schedule better, press the F6 key on the keyboard. It's going to re-arrange the tabs in Expression, going the items and Timeline tab into the whole base of this application.
For our “DoorOpen” animation, we’re likely to be manipulating every one of the content on our web web page. Fortunately, because of the hierarchical nature of Silverlight, we simply need to target the LayoutRoot element. Click LayoutRoot within the items and Timeline tab, to see an icon that is egg-shaped the Zero seconds line.