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>
Leave a Reply