Reader Level:
ARTICLE

TranslateTransform in WPF

On February 14, 2010 Articles | WPF
TranslateTransform is used to move an element from one position to other. The X and Y properties are used to move an element towards the x and y axes.
  • 0
  • 0
  • 34176

TranslateTransform is used to move an element from one position to other. The X and Y properties are used to move an element towards the x and y axes.

 

The code listed in Listing creates two rectangles with same position and sizes accept the second rectangle is translated to 50 and 20 pixels towards x and y axes respectively.

 

<Rectangle Width="200" Height="50" Fill="Yellow" Margin="61,27,117,184" />

<Rectangle Width="200" Height="50" Fill="Blue"  Opacity="0.5" Margin="59,101,119,110">

    <Rectangle.RenderTransform>

        <TranslateTransform X="50" Y="20" />

    </Rectangle.RenderTransform>

</Rectangle>

 

The output of Listing looks like Figure 1.

 

TranslateTransform.jpg

Figure 1

 

The code listed in Listing creates a TranslateTransform object dynamically and set it as RenderTransform property of a Rectangle. The output looks like Figure .

 

private void TranslateTransformSample()

{

    Rectangle originalRectangle = new Rectangle();

    originalRectangle.Width = 200;

    originalRectangle.Height = 50;

    originalRectangle.Fill = Brushes.Yellow;

    LayoutRoot.Children.Add(originalRectangle);

 

    Rectangle movedRectangle = new Rectangle();

    movedRectangle.Width = 200;

    movedRectangle.Height = 50;

    movedRectangle.Fill = Brushes.Blue;

    movedRectangle.Opacity = 0.5;

    TranslateTransform translateTransform1 = new TranslateTransform(50, 20);

    movedRectangle.RenderTransform = translateTransform1;

 

    LayoutRoot.Children.Add(movedRectangle);

}

Mahesh Chand

Mahesh Chand is founder of C# Corner. C# Corner founded in 1999 is a FREE member contributions based open platform for developers to solve problems, learn new technology and hang out.  M...

  • 1rank
  • 71M readers
  • 9times
COMMENT USING

Trending up