XAML Unleashed

Using a Storyboard

One of the theme animations is called FadeOutThemeAnimation, and it knows how to make any element fade out. Let’s see how to apply that to a simple Button on a Page. This must be done with an object called a Storyboard. Storyboards can contain one or more animations and associate them with specific elements. Here’s a Page with the Button we want to animate and the Storyboard that provides context to the FadeOutThemeAnimation:

Click here to view code image

<Page ...>  <Page.Resources>    <Storyboard x:Name="storyboard" TargetName="b" >      <FadeOutThemeAnimation/>     </Storyboard>  </Page.Resources>  <Canvas Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">    <Button Name="b" >Animating Button</Button>