Como traduzir um elemento

Este exemplo mostra como traduzir (mover) um elemento usando um TranslateTransform.

A TranslateTransform classe é especialmente útil para mover elementos dentro de painéis que não dão suporte ao posicionamento absoluto. Por exemplo, aplicando um TranslateTransform na propriedade RenderTransform de um elemento, você pode mover um elemento dentro de um StackPanel ou DockPanel.

Use a propriedade X do TranslateTransform para especificar, em pixels, a quantidade para mover o elemento ao longo do eixo x. Utilize a propriedade Y para especificar o valor, em pixels, para mover o elemento ao longo do eixo vertical. Por fim, aplique `TranslateTransform` à propriedade `RenderTransform` do elemento.

O exemplo a seguir usa um TranslateTransform para mover um elemento de 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>

Para obter o exemplo completo, consulte exemplo de transformações 2D.

Consulte também

• Visão geral de transformações