通过

如何：绘制矩形

  • 项目

此示例演示如何使用 Rectangle 元素绘制矩形。

若要绘制矩形，请创建一个 Rectangle 元素并指定其 Width 和 Height。 若要绘制矩形的内部，请设置其 Fill。 若要为矩形提供轮廓，请使用其 Stroke 和 StrokeThickness 属性。

若要为矩形提供圆角，请指定可选的 RadiusX 和 RadiusY 属性。 RadiusX 和 RadiusY 属性设置用于使矩形的角变圆的椭圆的 x 轴和 y 轴半径。

在下面的示例中，在 Canvas 中绘制了两个 Rectangle 元素。 第一个矩形的内部为 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 面板的某些部分提供背景特别有用。 有关示例，请参阅表概述。

此示例是更大示例的组成部分；有关完整示例，请参阅形状元素示例。

另请参阅