XAML for animating pair of x-and-y coordinates

   
<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'>

    <Canvas x:Name="LayoutRoot" Background="White">
        <Canvas.Triggers>   
            <EventTrigger RoutedEvent="Canvas.Loaded">
                <BeginStoryboard>
                    <Storyboard x:Name="myStoryboard">
                        <PointAnimation Storyboard.TargetProperty="RenderTransformOrigin" 
                            Storyboard.TargetName="myEllipse" Duration="0:0:1" 
                            From="100,100" To="100,300" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Canvas.Triggers>
        <Ellipse x:Name="myEllipse" Canvas.Top="100" Canvas.Left="100" Stroke="Black" StrokeThickness="2" Height="50" Width="50">
          <Ellipse.Fill>
            <RadialGradientBrush>
              <GradientStop Color="Red"/>
              <GradientStop Color="#FFFFFF00" Offset="1"/>
            </RadialGradientBrush>
          </Ellipse.Fill>
            
        </Ellipse>
    </Canvas>
</UserControl>

1.	Understanding the Structure of a Silverlight
2.	Dynamically Loading XAML from Managed Code
3.	Using XAML Brushes
4.	Xaml and Code behind
5.	A Minimal XAML Document
6.	Inner element with xml namespace
7.	Specify a brush with the expanded XAML syntax
8.	A basic XAML file referencing two namespaces
9.	The XAML for a basic Ellipse
10.	The XAML for animating a double-precision floating-point number
11.	XAML for shifting between colors
12.	Loading some XAML at runtime
13.	Loading XAML with nested elements at runtime
14.	The XAML for the progress bar. The figure shown is simply for illustration.
15.	Load Dynamic XAML

XAML for animating pair of x-and-y coordinates : XAML « Data « Silverlight

Related examples in the same category