An Introduction to Blend's Storyboard Animation Feature.wmv
Why Stack Overflow recommends it
Stack Overflow users link it when answering XAML animation questions for Windows Phone, Windows 8 and Silverlight, to show how to build a storyboard visually in Blend instead of hand-writing it.
Recommended by 2 people across 2 different months, 2012 to 2014.
What it is
A short screen-recorded tutorial showing how to use the Storyboard animation feature in Microsoft Expression Blend. It walks through creating keyframe animations visually and saving them as XAML storyboards. The video is posted by the channel Developer klma.
What people said
Recommends methodMan · 2012-06 · Stack Overflow · on “WP7 Animation through Storyboard”
I would suggest using blend to get the basics of the story board you want to create and then go into the XAML and edit it manually to fine tune it how you want. Here is a decent walk-through of how to create storyboards in blend -> [LINK] or if your looking for a video tutorial check this out -> [this video]
Recommends loop · 2013-07 · Stack Overflow · on “Image flip animation in windows 8?”
link [this video] that you should follow..it will tell you how make storyboard for animation ..and when you save your storyboard in blend then a stoyboard will automatically come in page.resources section and you can begin it in your code behind whereever you want to..just right'' StoryboardName.begin(); i ma giving you this link it is very difficult to give you all information step by step as it requires ui use..hope this helps you.. ok fine i have done something that might helps you..like i have binded your rectangle fill to a property that you can change at any time through code .like you can use dispatchertimer and after fixed interval you can change the image of your rectangle like this.. <R
Recommends loop · 2013-07 · Stack Overflow · on “how to move UI element with storyboard?”
it would be better if you use blend for storyboard ..i have genrated a code for stackpanel movement towards right ..just check it.. you can go through this video aslo it's very good [this video] it will perfectly work in your case <Page.Resources> <Storyboard x:Name="Storyboard1"> <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="hello"> <EasingDoubleKeyFrame KeyTime="0" Value="0"/> <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="100"/> </DoubleAnimationUsingKeyFrames> </Storyboard> </Page.Resources> <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}"> <StackPanel Name="hello" Orientatio
Cites aloisdg · 2014-03 · Stack Overflow · on “Cross-Platform Property Animation API for C#”
If you want to target WP8, Windows Store, WPF or Silverlight, I think you are looking for Storyboard [LINK] class. You can write it by hand on Visual Studio or with Blend [this video] . Example with a ColorAnimation from the msdn [LINK] . XAML <StackPanel MouseLeftButtonUp="Rectangle_Tapped"> <StackPanel.Resources> <Storyboard x:Name="myStoryboard"> <!-- Animate the background color of the canvas from red to green over 4 seconds. --> <ColorAnimation Storyboard.TargetName="mySolidColorBrush" Storyboard.TargetProperty="Color" From="Red" To="Green" Duration="0:0:4" /> </Storyboard> </StackPanel.Resources> <StackPanel.Background> <SolidColorBrush x:Name="mySolidColorBrush" Color="Red" /> </StackPanel