矩形

流覽範例

.NET 多平台應用程式 UI （.NET MAUI） Rectangle 類別衍生自 Shape 類別，可用來繪製矩形和方形。 如需類別繼承自 Shape 類別之屬性Rectangle的資訊，請參閱 .NET MAUI Shapes。

Rectangle 會定義下列屬性：

• RadiusX型 double別為 的 ，這是用來圓角矩形的 X 軸半徑。 此屬性的預設值為 0.0。
• RadiusY型 double別為 的 ，這是用來圓角矩形的 Y 軸半徑。 此屬性的預設值為 0.0。

這些屬性是由 BindableProperty 物件所支援，這表示這些屬性可以是數據系結的目標，並設定樣式。

類別會將RectangleAspect繼承自 類別的屬性Shape設定為 Stretch.Fill。 如需 屬性的詳細資訊 Aspect ，請參閱 延展圖形。

建立矩形

若要繪製矩形，請建立 Rectangle 物件並設定其 WidthRequest 和 HeightRequest 屬性。 若要繪製矩形內部的 ，請將其 Fill 屬性設定為 Brush衍生物件。 若要為矩形提供外框，請將其 Stroke 屬性設定為 Brush衍生物件。 屬性 StrokeThickness 會指定矩形外框的粗細。 如需對象的詳細資訊 Brush ，請參閱 筆刷。

若要提供矩形圓角，請設定其 RadiusX 和 RadiusY 屬性。 這些屬性會設定用來圓角矩形的 x 軸和 Y 軸弧度。

注意

也有一個 RoundRectangle 類別，其具有 CornerRadius BindableProperty，可用來繪製具有圓角的矩形。

若要繪製正方形，請將 WidthRequest 物件的 和 HeightRequest 屬性 Rectangle 設為相等。

下列 XAML 範例示範如何繪製填滿的矩形：

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

在此範例中，繪製以 150x50 （裝置獨立單位） 維度為 150x50 的紅色填滿矩形：

下列 XAML 範例示範如何繪製具有圓角的填滿矩形：

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

在此範例中，繪製有圓角的藍色填滿矩形：

如需繪製虛線矩形的相關信息，請參閱 繪製虛線圖形。