Cómo: Trasladar un elemento
Actualización: noviembre 2007
En este ejemplo se muestra cómo trasladar (mover) un elemento mediante TranslateTransform.
La clase TranslateTransform resulta especialmente útil para mover elementos dentro de los paneles que no admiten una posición absoluta. Por ejemplo, al aplicar TranslateTransform a la propiedad RenderTransform de un elemento, puede mover un elemento en un objeto StackPanel o DockPanel.
Utilice la propiedad X de TranslateTransform para especificar la cantidad de píxeles que desea mover el elemento a lo largo del eje X. Utilice la propiedad Y para especificar la distancia, en píxeles, que desea mover el elemento a lo largo del eje Y. Por último, aplique TranslateTransform a la propiedad RenderTransform del elemento.
En el ejemplo siguiente se utiliza 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 obtener el ejemplo completo, vea Ejemplo 2-D Transforms.