矩形

Browse sample.浏览示例

.NET Multi-platform App UI (.NET MAUI) Rectangle 类派生自 Shape 类,可用于绘制矩形和正方形。 有关 Rectangle 类从 Shape 类继承的属性的信息,请参阅 .NET MAUI 形状

Rectangle 定义以下属性:

  • RadiusX,属于 double 类型,是用于使矩形边角圆化的 x 轴半径。 此属性的默认值为 0.0。
  • RadiusY,属于 double 类型,是用于使矩形边角圆化的 y 轴半径。 此属性的默认值为 0.0。

这些属性由 BindableProperty 对象提供支持;也就是说,它们可以作为数据绑定的目标,并能进行样式设置。

Rectangle 类将继承自 Shape 类的 Aspect 属性设置为 Stretch.Fill。 有关 Aspect 属性的更多信息,请参阅拉伸形状

创建矩形

若要绘制矩形,需创建 Rectangle 对象并设置其 WidthRequestHeightRequest 属性。 若要在矩形内部涂色,需将其 Fill 属性设置为 Brush 派生的对象。 若要为矩形提供轮廓,需将其 Stroke 属性设置为 Brush 派生的对象。 StrokeThickness 属性指定矩形轮廓的粗细。 有关 Brush 对象的详细信息,请参阅画笔

若要使矩形具有圆角,需设置其 RadiusXRadiusY 属性。 这些属性可设置用于圆化矩形边角的的 x 轴和 y 轴半径。

注意

还有一个 RoundRectangle 类,它具有一个 CornerRadiusBindableProperty,可用于绘制带圆角的矩形。

若要绘制正方形,需将 Rectangle 对象的 WidthRequestHeightRequest 属性设为相等。

以下 XAML 示例展示了如何绘制实心矩形:

<Rectangle Fill="Red"
           WidthRequest="150"
           HeightRequest="50"
           HorizontalOptions="Start" />

在此示例中,绘制了一个红色实心矩形,其尺寸为 150x50(设备无关单位):

Filled rectangle.

以下 XAML 示例展示了如何绘制带圆角的实心矩形:

<Rectangle Fill="Blue"
           Stroke="Black"
           StrokeThickness="3"
           RadiusX="50"
           RadiusY="10"
           WidthRequest="200"
           HeightRequest="100"
           HorizontalOptions="Start" />

在此示例中,绘制了一个蓝色实心圆角矩形:

Rectangle with rounded corners.

有关绘制虚线矩形的信息,请参阅绘制虚线形状