Gewusst wie: Übersetzen eines Elements

In diesem Beispiel wird veranschaulicht, wie ein Element mithilfe von TranslateTransform übersetzt (verschoben) wird.

Die TranslateTransform-Klasse ist besonders hilfreich beim Verschieben von Elementen in Bereichen, in denen keine absolute Positionierung unterstützt wird. Sie können zum Beispiel durch Anwendung von TranslateTransform auf die RenderTransform-Eigenschaft eines Elements ein Element innerhalb von StackPanel oder DockPanel verschieben.

Verwenden Sie die X-Eigenschaft von TranslateTransform zum Festlegen des Werts in Pixel, um den das Element entlang der x-Achse verschoben werden soll. Verwenden Sie die Y-Eigenschaft zum Festlegen des Werts in Pixel, um den das Element entlang der y-Achse verschoben werden soll. Wenden Sie anschließend TranslateTransform auf die RenderTransform-Eigenschaft des Elements an.

Im folgenden Beispiel wird TranslateTransform verwendet, um ein Element 50 Pixel nach rechts und 50 Pixel nach unten zu verschieben.

Beispiel

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

Das vollständige Beispiel finden Sie unter 2-D Transforms Sample.

Siehe auch

Konzepte

Übersicht über Transformationen