Xamarin.Forms 圖形:矩形

類別 Rectangle 衍生自 Shape 類別,可用來繪製矩形和方形。 如需類別繼承自 類別之屬性Rectangle的資訊,請參閱 Xamarin.Forms Shapes。Shape

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 ,請參閱 Xamarin.Forms 筆刷。

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

若要繪製正方形,請將 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" />

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

具有圓角的矩形

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