test/xaml/test-animation-polyline-bounds.xaml

   1 <Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   2         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
   3
   4         <Polyline x:Name="TheAmazingMovingPolyline" Fill="#000000" Stroke="#FF00FF" StrokeThickness="4" Points="40,140 80,180 120,140" >
   5         <Polyline.RenderTransform>
   6                 <SkewTransform CenterX="10" CenterY="-10" AngleX="33" AngleY="33" />
   7         </Polyline.RenderTransform>
   8         <Polyline.Triggers>
   9                 <EventTrigger RoutedEvent="Polygon.Loaded">
  10                         <BeginStoryboard>
  11                                 <Storyboard x:Name="animation">
  12             <DoubleAnimation
  13               Storyboard.TargetName="TheAmazingMovingPolyline"
  14               Storyboard.TargetProperty="(UIElement.RenderTransform).(SkewTransform.CenterX)"
  15               From="40" To="120" By="1" Duration="0:0:20"
  16               AutoReverse="True" RepeatBehavior="Forever" />
  17
  18             <DoubleAnimation
  19               Storyboard.TargetName="TheAmazingMovingPolyline"
  20               Storyboard.TargetProperty="(UIElement.RenderTransform).(SkewTransform.CenterY)"
  21               From="140" To="180" By="1" Duration="0:0:35"
  22               AutoReverse="True" RepeatBehavior="Forever" />
  23
  24             <DoubleAnimation
  25               Storyboard.TargetName="TheAmazingMovingPolyline"
  26               Storyboard.TargetProperty="(UIElement.RenderTransform).(SkewTransform.AngleX)"
  27               From="1" To="180" By="1" Duration="0:0:15"
  28               AutoReverse="True" RepeatBehavior="Forever" />
  29
  30             <DoubleAnimation
  31               Storyboard.TargetName="TheAmazingMovingPolyline"
  32               Storyboard.TargetProperty="(UIElement.RenderTransform).(SkewTransform.AngleY)"
  33               From="1" To="180" By="1" Duration="0:0:45"
  34               AutoReverse="True" RepeatBehavior="Forever" />
  35
  36             <DoubleAnimation
  37               Storyboard.TargetName="TheAmazingMovingPolyline"
  38               Storyboard.TargetProperty="StrokeThickness"
  39               From="0.1" To="10" By="0.1" Duration="0:0:5"
  40               AutoReverse="True" RepeatBehavior="Forever" />
  41                                 </Storyboard>
  42                         </BeginStoryboard>
  43                 </EventTrigger>
  44         </Polyline.Triggers>
  45         </Polyline>
  46 </Canvas>