此示例演示如何使用 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 面板部分提供背景。 有关示例,请参阅 表概述。
此示例是较大示例的一部分;有关完整示例,请参阅 形状元素示例。