Anleitung zum Übersetzen eines Elements

In diesem Beispiel wird gezeigt, wie Sie ein Element mithilfe einer TranslateTransformübersetzen (verschieben).

Die TranslateTransform Klasse ist besonders nützlich für das Verschieben von Elementen innerhalb von Panels, die keine absolute Positionierung unterstützen. Wenn Sie z. B. eine TranslateTransform auf die Eigenschaft RenderTransform eines Elements anwenden, können Sie ein Element innerhalb eines StackPanel oder DockPanelverschieben.

Verwenden Sie die X-Eigenschaft des TranslateTransform, um die Menge (in Pixel) anzugeben, um das Element entlang der X-Achse zu verschieben. Verwenden Sie die Y-Eigenschaft, um die Anzahl der Pixel festzulegen, um die das Element entlang der y-Achse verschoben werden soll. Wenden Sie schließlich die TranslateTransform auf die RenderTransform-Eigenschaft des Elements an.

Im folgenden Beispiel wird ein TranslateTransform verwendet, um ein Element um 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 2D Transforms Sample.

Siehe auch

• Übersicht über Transforms