Rectangle.RenderTransform : WPF Shapes « WPF « ASP.Net

1. ASP.Net
2. WPF
3. WPF Shapes

Rectangle.RenderTransform

<Canvas
  xmlns="http://schemas.microsoft.com/client/2007"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Width="400" Height="300">
  <Rectangle Canvas.Top="40" Fill="Blue" Width="50" Height="50" x:Name="MyRect">
    <Rectangle.RenderTransform>
      <TranslateTransform x:Name="MyAnimatedTranslateTransform"
        X="0" Y="0" />
    </Rectangle.RenderTransform>
    
    <Rectangle.Triggers>
      <EventTrigger RoutedEvent="Rectangle.Loaded">
        <BeginStoryboard>
          <Storyboard>
            <DoubleAnimationUsingKeyFrames
              Storyboard.TargetName="MyAnimatedTranslateTransform"
              Storyboard.TargetProperty="X"
              Duration="0:0:10">
              <LinearDoubleKeyFrame Value="0" KeyTime="0:0:0" />
              <LinearDoubleKeyFrame Value="350" KeyTime="0:0:2" />
              <LinearDoubleKeyFrame Value="50" KeyTime="0:0:7" />
              <LinearDoubleKeyFrame Value="200" KeyTime="0:0:8" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimation 
              Storyboard.TargetName="MyRect"
              Storyboard.TargetProperty="(Width)"
              To="150"
              Duration="0:0:1" />            
          </Storyboard>
        </BeginStoryboard>
      </EventTrigger>
    </Rectangle.Triggers>
  </Rectangle>
</Canvas>

 

Related examples in the same category