Creating an Animation in XAML and Silverlight


This content was proof-read by Grammarly. You can Try Grammary for FREE

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>
Newsletter Signup

Subscribe to our weekly newsletter below and never miss the latest product or an exclusive offer.

Newsletter Signup

Subscribe to our weekly newsletter below and never miss the latest product or an exclusive offer.

%d bloggers like this: