Freigeben über

Gewusst wie: Übersetzen eines Elements

  • Artikel

Dieses Beispiel zeigt, wie ein Element mithilfe von TranslateTransform und gedreht wird.

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

Verwenden Sie die X-Eigenschaft des TranslateTransform, um den Betrag in Pixeln anzugeben, um den das Element entlang der x-Achse verschoben werden soll. Verwenden Sie diese Y-Eigenschaft, um den Betrag in Pixeln anzugeben, um den 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 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 Beispiele für 2D-Transformationen.

Siehe auch