test/xaml/test-animation-null-keyframe.xaml

   1 <Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   2         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   3         width="270"
   4         height="40">
   5
   6 <!-- Test a discrete animation where one of the key frames is NULL -->
   7
   8 <Rectangle x:Name="rect" Canvas.Top="10" Canvas.Left="10" Width="20" Height="20" Fill="royalblue">
   9     <Rectangle.Triggers>
  10       <EventTrigger  RoutedEvent="Rectangle.Loaded" >
  11        <BeginStoryboard>
  12         <Storyboard x:Name="sb" BeginTime="0:0:1">
  13           <DoubleAnimationUsingKeyFrames x:Name="anim"
  14             Storyboard.TargetName="rect"
  15             Storyboard.TargetProperty="(Canvas.Left)"
  16             FillBehavior="HoldEnd"
  17             BeginTime="0:0:0">
  18             <DiscreteDoubleKeyFrame KeyTime="0:0:0" Value="40"/>
  19             <DiscreteDoubleKeyFrame KeyTime="0:0:1"/><!-- cullprit -->
  20             <DiscreteDoubleKeyFrame KeyTime="0:0:2" Value="120"/>
  21             <LinearDoubleKeyFrame KeyTime="0:0:4" Value="200"/>
  22             <DiscreteDoubleKeyFrame KeyTime="0:0:5" value="240"/>
  23          </DoubleAnimationUsingKeyFrames>
  24
  25         </Storyboard>
  26        </BeginStoryboard>
  27
  28      </EventTrigger>
  29     </Rectangle.Triggers>
  30   </Rectangle>
  31
  32   <!-- measures for visual aid -->
  33   <Rectangle Canvas.Left="10" Canvas.Top="7" Width="20" Height="3" Fill="LightGray" />
  34   <Rectangle Canvas.Left="10" Canvas.Top="30" Width="20" Height="3" Fill="LightGray" />
  35
  36   <Rectangle Canvas.Left="40" Canvas.Top="7" Width="20" Height="3" Fill="LightGray" />
  37   <Rectangle Canvas.Left="40" Canvas.Top="30" Width="20" Height="3" Fill="LightGray" />
  38
  39   <Rectangle Canvas.Left="120" Canvas.Top="7" Width="100" Height="3" Fill="LightGray" />
  40   <Rectangle Canvas.Left="120" Canvas.Top="30" Width="100" Height="3" Fill="LightGray" />
  41
  42   <Rectangle Canvas.Left="240" Canvas.Top="7" Width="20" Height="3" Fill="LightGray" />
  43   <Rectangle Canvas.Left="240" Canvas.Top="30" Width="20" Height="3" Fill="LightGray" />
  44 </Canvas>