Frame based animation on WP7 Silverlight

1
votes

Coming from the iOS world where we have UIImageView and the property animationImages: http://developer.apple.com/library/ios/documentation/UIKit/Reference/UIImageView_Class/Reference/Reference.html#//apple_ref/occ/instp/UIImageView/animationImages

Where animationImages is just an array of arbitrary animation frames. You specify the images (maybe 15), then set the total animation time (maybe 4 seconds) in one of the other properties, then just start the anim and the images in animationImages will play sequentially over the specified time with an even frame rate.

How would I do the same with WP7/Silverlight? This all Expression Blend seems wonderful, but I just can't find a way to animate the image source (I'm guessing it might be impossible). How would I do the same? Should I add a unique image object for each frame in the animation, then play around with visibility/opacity properties and manually have to create all the spaced out key frames? That sounds like a lot of extra work + overhead and not a nice way to go...

2
windows-phone-7animation

2 Answers

2
votes

http://www.windowsphonegeek.com/articles/WP7-Animations-in-depthndash-Overview-and-Getting-Started

http://www.wearerighteous.com/wp7-development/xaml-animation-in-silverlight-for-windows-phone-7/

http://www.windowspresentationfoundation.com/?p=712

Try out these links. Especially the first one, I think the first one resolve all you doubts. In wp7 we can go for two options either XAML based (static) animations / or with the help of C# code. By using blend u can create all sot of static animation with out any issue. Here the animation is working on the basis of page frames. If u are interested in learning more about Animation try this too;

http://msdn.microsoft.com/en-us/library/cc189019(v=vs.95).aspx

1
votes

You can actually animate the Image.Source property here's a tutorial.

Animating Images in WP7