如何:绘制矩形

下面的示例演示如何使用 Rectangle 元素来绘制矩形。

若要绘制矩形,请创建一个 Rectangle 元素并指定其 WidthHeight。 若要在矩形内部进行绘制,请设置其 Fill。 若要绘制矩形轮廓,请使用其 StrokeStrokeThickness 属性。

若要绘制矩形圆角,请指定可选的 RadiusXRadiusY 属性。 RadiusXRadiusY 属性设置用于使矩形的角变圆的椭圆的 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 来包含矩形,但是您可以使用矩形元素(和所有其他形状元素)以及任何支持非文本内容的 PanelControl。 事实上,在为 Grid 面板的某些部分提供背景时矩形特别有用。 有关示例,请参见 表概述

此示例摘自一个更大的示例;有关完整示例,请参见 Shape Elements Sample(Shape 元素示例)。

请参见

参考

Rectangle

概念

WPF 中的形状和基本绘图概述

表概述

其他资源

Shape Elements Sample