Use DoubleByAnimation to control animation : DoubleAnimation « Animations « Silverlight






Use DoubleByAnimation to control animation

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();
        }
    }
}

   
    
    
    
  








Related examples in the same category

1.XAML demonstrating absence of From property within DoubleAnimationXAML demonstrating absence of From property within DoubleAnimation
2.XAML demonstrating the To property within DoubleAnimation
3.XAML demonstrating By property within a DoubleAnimation
4.XAML demonstrating From property within DoubleAnimation
5.Use DoubleAnimation to animate the Opacity
6.Timeline with offset of 5 seconds
7.Moves a rectangle right 100 pixels and then left 50 pixelsMoves a rectangle right 100 pixels and then left 50 pixels
8.Animation with a fast speed