Como: Transladar um elemento
Este exemplo mostra como transladar (mover) um elemento usando o TranslateTransform.
A classe TranslateTransform é especialmente útil para mover elementos dentro de painéis que não suportam posicionamento absoluto. Por exemplo, aplicando o TranslateTransform para a propriedade RenderTransform do elemento, você pode mover o elemento com o StackPanel ou DockPanel.
Use a propriedade X do TranslateTransform para especificar a quantidade, em pixels, para mover o elemento através do eixo x. Use a propriedade Y para especificar a quantidade, em pixels, para mover o elemento através do eixo x. Finalmente, aplique o TranslateTransform na propriedade RenderTransform do elemento.
O exemplo a seguir usa o TranslateTransform para mover o elemento 50 pixels para a direita e 50 pixels para baixo.
Exemplo
<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>
For the complete sample, see Exemplo de transformações 2-D.