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.