Gewusst wie: Zeichnen eines Rechtecks

  • Artikel

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

Zum Zeichnen eines Rechtecks erstellen Sie ein Rectangle-Element und geben seine Width und Height an. Zum Zeichnen des Innenraums des Rechtecks legen Sie dessen Fill fest. Um dem Rechteck eine Kontur zu geben, verwenden Sie seine Eigenschaften Stroke und StrokeThickness.

Um dem Rechteck abgerundete Ecken zu geben, geben Sie die optionalen Eigenschaften RadiusX und RadiusY an. Die Eigenschaften RadiusX und RadiusY legen die X-Achsen- und Y-Achsen-Radii der Ellipse fest, die zum Abrunden der Ecken des Rechtecks verwendet wird.

Im folgenden Beispiel werden zwei Rectangle-Elemente auf einer Canvas gezeichnet. Das erste Rechteck weist eine Blue gefärbte Innenfläche auf. Das zweite Rechteck weist eine Blue gefärbte Innenfläche, eine Black Kontur und abgerundete Ecken auf.

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>

Zwar wird in diesem Beispiel eine Canvas zur Aufnahme der Rechtecke verwendet, Sie können Rechteckelemente (und alle anderen Formelemente) aber mit jedem Panel oder Control verwenden, das Nicht-Text-Inhalte unterstützt. Rechtecke eignen sich insbesondere, um Hintergründe für Teile von Grid-Bereichen zur Verfügung zu stellen. Ein Beispiel finden Sie in der Übersicht über Tabellen.

Dieses Beispiel ist Teil eines größeren Beispiels. Das vollständige Beispiel finden Sie unter Beispiel für Formelemente.

Weitere Informationen