Compartilhar via


Como converter um elemento

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

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

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

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

Confira também