Gewusst wie: Zeichnen eines Rechtecks

In diesem Beispiel wird veranschaulicht, wie Sie mithilfe des Rectangle-Elements ein Rechteck zeichnen.

Um ein Rechteck zu zeichnen, erstellen Sie ein Rectangle-Element und legen dessen Width sowie dessen Height fest. Um die Fläche des Rechtecks zu zeichnen, müssen Sie dessen Fill festlegen. Um dem Rechteck einen Rand hinzuzufügen, verwenden Sie die zugehörigen Eigenschaften Stroke und StrokeThickness.

Um dem Rechteck abgerundete Ecken hinzuzufügen, geben Sie die optionalen Eigenschaften für RadiusX und RadiusY an. Die Eigenschaften RadiusX und RadiusY legen den x-Achsenradius und den y-Achsenradius der Ellipse fest, die zum Abrunden der Ecken des Rechtecks verwendet wird.

Im folgenden Beispiel werden zwei Rectangle-Elemente in einer Canvas gezeichnet. Das erste Rechteck verfügt über einen Blue-Innenbereich. Das zweite Rechteck verfügt über einen Blue-Innenbereich, einen Black-Rahmen und abgerundete Ecken.

Beispiel

  <Canvas Width="120" Height="200" >

  <!-- Draws a 100 by 50 rectangle with a solid blue fill. -->
  <Rectangle
    Width="100"
    Height="50"
    Fill="Blue"
    Canvas.Left="10"
    Canvas.Top="25" />

  <!-- Draws a 100 by 50 rectangle with a solid blue fill,
       a black outline, and rounded corners. -->
  <Rectangle
    Width="100"
    Height="50"
    Fill="Blue"
    Stroke="Black" StrokeThickness="4"
    RadiusX="20" RadiusY="20"
    Canvas.Left="10"
    Canvas.Top="100"/>

</Canvas>

Obwohl in diesem Beispiel ein Canvas als Container für die Polylinien verwendet wird, können Polylinien-Elemente (sowie alle anderen Formelemente) mit allen Panel oder Control verwendet werden, die Inhalte unterstützen, bei denen es sich nicht um Text handelt. Rechtecke lassen sich besonders gut als Hintergrund für Teile von Grid-Bereichen einsetzen. Ein Beispiel hierfür finden Sie unter Übersicht über Tabellen.

Dieses Beispiel gehört zu einem größeren Beispiel. Das vollständige Beispiel finden Sie unter Shape Elements Sample.

Siehe auch

Referenz

Rectangle

Konzepte

Übersicht über Formen und die grundlegenden Funktionen zum Zeichnen in WPF

Übersicht über Tabellen

Weitere Ressourcen

Beispiel für Formelemente