Universal Windows® Apps with XAML and C# Unleashed

Storyboards with Multiple Animations

As mentioned when Storyboards were introduced, they can contain one or more animations. Here’s an update to the Button-scaling XAML that scales it in both direction simultaneously (and omits the From values to avoid the “jump” effect):

Click here to view code image

<Page ...>   <Page.Resources>     <!-- Two Storyboards, one for growing and one for shrinking -->     <Storyboard x:Name="growStoryboard" TargetName="t">       <DoubleAnimation To="1.4" Storyboard.TargetProperty ="ScaleX"/>       <DoubleAnimation To="1.4" Storyboard.TargetProperty ="ScaleY"/>     </Storyboard>     <Storyboard x:Name="shrinkStoryboard" TargetName="t">       <DoubleAnimation To="1" Storyboard.TargetProperty ="ScaleX"/>       <DoubleAnimation ...