Procedura: Tradurre un elemento

In questo esempio viene illustrato come tradurre (spostare) un elemento usando un oggetto TranslateTransform.

La TranslateTransform classe è particolarmente utile per lo spostamento di elementi all'interno di pannelli che non supportano il posizionamento assoluto. Ad esempio, applicando un TranslateTransform alla proprietà RenderTransform di un elemento, è possibile spostare un elemento all'interno di un StackPanel o DockPanel.

Utilizzare la X proprietà di TranslateTransform per specificare la quantità, in pixel, per spostare l'elemento lungo l'asse x. Utilizzare la Y proprietà per specificare la quantità, in pixel, per spostare l'elemento lungo l'asse y. Infine, applicare il TranslateTransform alla proprietà RenderTransform dell'elemento.

Nell'esempio seguente viene utilizzato un oggetto TranslateTransform per spostare un elemento 50 pixel a destra e 50 pixel verso il basso.

Esempio

<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>

Per l'esempio completo, vedere esempio di trasformazioni 2D.

Vedere anche

• Panoramica delle trasformazioni