共用方式為

如何：繪製矩形

  • 發行項

這個範例示範如何使用 Rectangle 元素繪製矩形。

若要繪製矩形，請建立 Rectangle 項目並指定其 Width 和 Height。 若要繪製矩形的內部，請設定其 Fill。 若要為矩形提供外框，請使用其 Stroke 和 StrokeThickness 屬性。

若要提供矩形圓角，請指定選擇性 RadiusX 和 RadiusY 屬性。 RadiusX 和 RadiusY 屬性會設定用來圓化矩形角的橢圓形之 x 軸和 Y 軸半徑。

在下列範例中，會在 Rectangle 中繪製兩個 Canvas 元素。 第一個矩形具有 Blue 內部。 第二個矩形具有 Blue 內部、Black 外框和圓角。

範例

  <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>

雖然這個範例使用 Canvas 來包含矩形，但您可以使用矩形元素 (以及所有其他圖形元素) 搭配任何 Panel 或 Control 支援非文字內容。 事實上，矩形特別適用於提供 Grid 面板部分的背景。 如需範例，請參閱資料表概觀。

此範例是較大範例的一部分; 如需完整的範例，請參閱圖形元素範例。

另請參閱