如何:绘制矩形
更新:2007 年 11 月
下面的示例演示如何使用 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 面板的某些部分提供背景时矩形特别有用。有关示例,请参见 表概述。
此示例摘自一个更大的示例;有关完整的示例,请参见形状元素示例。