test/xaml/clock/clock34.xaml

   1 <Canvas x:Name="parentCanvas"
   2         xmlns="http://schemas.microsoft.com/client/2007"
   3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   4         Width="640" Height="230">
   5
   6         <Canvas.Triggers>
   7                 <EventTrigger RoutedEvent="Canvas.Loaded">
   8                         <BeginStoryboard>
   9                                 <Storyboard>
  10                                         <DoubleAnimationUsingKeyFrames Storyboard.TargetName="rect" Storyboard.TargetProperty="(Canvas.Top)">
  11                                                 <LinearDoubleKeyFrame KeyTime="0:0:0" Value="10"/>
  12                                                 <LinearDoubleKeyFrame KeyTime="0:0:1" Value="50"/>
  13                                         </DoubleAnimationUsingKeyFrames>
  14                                         <DoubleAnimation Storyboard.TargetName="rect" Storyboard.TargetProperty="(Canvas.Left)" To="500" Duration="00:00:5"/>
  15                                 </Storyboard>
  16                         </BeginStoryboard>
  17                 </EventTrigger>
  18         </Canvas.Triggers>
  19
  20                 <Rectangle x:Name="measure1" Canvas.Left="10" Canvas.Top="7" Width="100" Height="3" Fill="Black" />
  21                 <Rectangle x:Name="measure2" Canvas.Left="7" Canvas.Top="7" Width="3" Height="103" Fill="Black" />
  22
  23                 <Rectangle x:Name="measure3" Canvas.Left="500" Canvas.Top="47" Width="100" Height="3" Fill="Black" />
  24                 <Rectangle x:Name="measure4" Canvas.Left="600" Canvas.Top="47" Width="3" Height="103" Fill="Black" />
  25
  26                 <Rectangle x:Name="rect" Canvas.Left="10" Canvas.Top="10" Width="100" Height="100" Fill="Red" />
  27
  28         <TextBlock x:Name="description" Canvas.Left="20" Canvas.Top="180" Width="600" Height="30"
  29                            Text="The red block should move to the right measured position."/>
  30 </Canvas>