Mega Code Archive

 
Categories / Silverlight / Animations
 

Use DoubleByAnimation to control animation

<UserControl x:Class='SilverlightApplication3.MainPage'     xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'      xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'     xmlns:d='http://schemas.microsoft.com/expression/blend/2008'      xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006'      mc:Ignorable='d'      d:DesignWidth='640' d:DesignHeight='480'>     <UserControl.Resources>         <Storyboard x:Name="Storyboard1">             <DoubleAnimation Storyboard.TargetName="Ellipse" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" From="0" By="150" Duration="00:00:01"/>         </Storyboard>     </UserControl.Resources>     <Canvas x:Name="LayoutRoot" Background="White" >         <Ellipse Height="200" Width="200" Fill="#FFFF0000" Canvas.Top="181" Canvas.Left="92" RenderTransformOrigin="0.5,0.5" x:Name="Ellipse">             <Ellipse.RenderTransform>                 <TransformGroup>                     <ScaleTransform/>                     <SkewTransform/>                     <RotateTransform/>                     <TranslateTransform/>                 </TransformGroup>             </Ellipse.RenderTransform>         </Ellipse>     </Canvas> </UserControl> //File: Page.xaml.cs using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Shapes; namespace SilverlightApplication3 {     public partial class MainPage : UserControl     {         public MainPage()         {             InitializeComponent();             Storyboard1.Begin();         }     } }