~ubuntu-branches/ubuntu/karmic/moon/karmic

<Canvas x:Name="parentCanvas"

        xmlns="http://schemas.microsoft.com/client/2007" 

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 

        Width="640" Height="230">

 

        <Canvas.Triggers>

                <EventTrigger RoutedEvent="Canvas.Loaded">

                        <BeginStoryboard>

                                <Storyboard>

                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="rect" Storyboard.TargetProperty="(Canvas.Top)">

            <LinearDoubleKeyFrame KeyTime="0:0:0" Value="10"/>

            <LinearDoubleKeyFrame KeyTime="0:0:1" Value="50"/>

          </DoubleAnimationUsingKeyFrames>

                                <DoubleAnimation Storyboard.TargetName="rect" Storyboard.TargetProperty="(Canvas.Left)" To="500" Duration="00:00:5"/>

                                </Storyboard>

                        </BeginStoryboard>

                </EventTrigger>

        </Canvas.Triggers>

 

                <Rectangle x:Name="measure1" Canvas.Left="10" Canvas.Top="7" Width="100" Height="3" Fill="Black" />

                <Rectangle x:Name="measure2" Canvas.Left="7" Canvas.Top="7" Width="3" Height="103" Fill="Black" />

        

                <Rectangle x:Name="measure3" Canvas.Left="500" Canvas.Top="47" Width="100" Height="3" Fill="Black" />

                <Rectangle x:Name="measure4" Canvas.Left="600" Canvas.Top="47" Width="3" Height="103" Fill="Black" />

                

                <Rectangle x:Name="rect" Canvas.Left="10" Canvas.Top="10" Width="100" Height="100" Fill="Red" />

                

        <TextBlock x:Name="description" Canvas.Left="20" Canvas.Top="180" Width="600" Height="30"

                           Text="The red block should move to the right measured position."/>

</Canvas>