Cómo: Trasladar un elemento

En este ejemplo se muestra cómo trasladar (mover) un elemento mediante TranslateTransform.

La clase TranslateTransform es especialmente útil para mover elementos dentro de paneles que no admiten posicionamiento absoluto. Por ejemplo, mediante la aplicación de TranslateTransform a la propiedad RenderTransform de un elemento, puede mover un elemento dentro de StackPanel o DockPanel.

Use la propiedad X de TranslateTransform para especificar el número, en píxeles, para mover este elemento a lo largo del eje X. Use la propiedad Y para especificar el número, en píxeles, para mover este elemento a lo largo del eje Y. Por último, aplique TranslateTransform a la propiedad RenderTransform del elemento.

En el siguiente ejemplo se usa una clase TranslateTransform para mover un elemento 50 píxeles a la derecha y 50 píxeles hacia abajo.

Ejemplo

<Rectangle Height="50" Width="50" 
  Fill="#CCCCCCFF" Stroke="Blue" StrokeThickness="2"
  Canvas.Left="100" Canvas.Top="100">
  <Rectangle.RenderTransform>
    <TranslateTransform X="50" Y="50" />
  </Rectangle.RenderTransform>
</Rectangle>

Para ver el ejemplo completo, consulte Ejemplo de transformaciones 2D.

Vea también

• Información general sobre transformaciones