Partilhar via

Como: Traduzir um elemento

  • Artigo

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

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

Use a propriedade X do TranslateTransform para especificar a quantidade, em pixels, para mover o elemento ao longo do eixo x. Use a propriedade Y para especificar a quantidade, em pixels, para mover o elemento ao longo do eixo y. Finalmente, aplique o TranslateTransform à propriedade RenderTransform do elemento.

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

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

Ver também