通过

Xamarin.Forms 形状：矩形

  • 项目

Rectangle 类派生自 Shape 类，可以用来绘制矩形和正方形。 有关 Rectangle 类从 Shape 类继承的属性的信息，请参阅 Xamarin.Forms 形状。

Rectangle 定义以下属性：

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

这些属性由 BindableProperty 对象提供支持，表示它们可以是数据绑定的目标，并可以设置样式。

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

创建矩形

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

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

要绘制正方形，请将 Rectangle 对象的 WidthRequest 和 HeightRequest 属性设为相等。

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

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

在此示例中，绘制了一个红色实心矩形，其尺寸为 150x50（与设备无关的单位）：

实心矩形

以下 XAML 示例演示如何绘制带圆角的实心矩形：

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

在此示例中，绘制一个蓝色实心圆角矩形：

带圆角的矩形

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