共用方式為


Xamarin.Forms 圖形:矩形

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

Rectangle 會定義下列屬性:

  • RadiusXdouble別為 的 ,這是用來圓角矩形的 X 軸半徑。 此屬性的預設值為 0.0。
  • RadiusYdouble別為 的 ,這是用來圓角矩形的 Y 軸半徑。 此屬性的預設值為 0.0。

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

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

建立矩形

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

若要提供矩形圓角,請設定其 RadiusXRadiusY 屬性。 這些屬性會設定用來圓角矩形的 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" />

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

具有圓角的矩形

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