Creating an Animation in XAML and Silverlight

Published on February 23, 2014 by abundantcode

Filed under Windows

Last modified February 23, 2014

Print this page

rate 1 star rate 2 star rate 3 star rate 4 star rate 5 star
Your rating: none, Average: 0 (0 votes)

This article have been viewed 3097 times

Below is a sample code snippet that demonstrates how to create a simple animation in XAML and Silverlight

Creating an Animation in XAML and Silverlight

<Grid x:Name="LayoutRoot" Background="White">

<Canvas x:Name="ACCanvas" xmlns="http://schemas.microsoft.com/client/2007"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="400" Height="300" >

<Canvas.Background>

<SolidColorBrush Color="Yellow"/>

</Canvas.Background>

<Rectangle Width="190" Height="160"

Fill="Red" Stroke="Green"

Canvas.Left="0" Canvas.Top="50" RenderTransformOrigin="0,0" >

<Rectangle.RenderTransform>

<TransformGroup>

<RotateTransform x:Name="RotateTransform"

Angle="0"/>

<ScaleTransform x:Name="ScaleTransform"

ScaleX="0" ScaleY="0" />

</TransformGroup>

</Rectangle.RenderTransform>

</Rectangle>

</Canvas>

<Grid.Triggers>

<EventTrigger RoutedEvent="Grid.Loaded">

<BeginStoryboard>

<Storyboard AutoReverse="True" RepeatBehavior="Forever">

<DoubleAnimation

Storyboard.TargetName="ScaleTransform" Storyboard.TargetProperty="ScaleX" From="0" To="1" Duration="0:0:3"/>

<DoubleAnimation Storyboard.TargetName="ScaleTransform" Storyboard.TargetProperty="ScaleY" From="0" To="1" Duration="0:0:3"/>
</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Grid.Triggers>

</Grid>
If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

Leave a Comment


x

You might be Interested in these Posts

How to Turnoff Frame rate counter in UWP App ?

You can turn off the frame rate counter in your Universal Windows Platform (UAP) apps by following t...

Creating a Button in UWP app by specifying the namespace as one of the attributes of button

You can add a button in your Universal Windows Platform (UWP) app by simply adding the Button tag in...

Keywords in XAML Language Namespace

Below are some of the keywords defined in the Xaml Language Namespace Keywords in XAML Language Nam...