Condividi tramite


Procedura: convertire 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 oggetto alla RenderTransform proprietà di un elemento, è possibile spostare un elemento all'interno di un StackPanel oggetto 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 l'oggetto TranslateTransform alla RenderTransform proprietà 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.

Vedi anche