Universal Windows® Apps with XAML and C# 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 ...