如何:绘制矩形

更新:2007 年 11 月

下面的示例演示如何使用 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 面板的某些部分提供背景时矩形特别有用。有关示例,请参见 表概述

此示例摘自一个更大的示例;有关完整的示例,请参见形状元素示例

请参见

任务

形状元素示例

概念

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

表概述

参考

Rectangle