Xamarin.Forms 圖形:矩形
類別 Rectangle
衍生自 Shape
類別,可用來繪製矩形和方形。 如需類別繼承自 類別之屬性Rectangle
的資訊,請參閱 Xamarin.Forms Shapes。Shape
Rectangle
會定義下列屬性:
RadiusX
型double
別為 的 ,這是用來圓角矩形的 X 軸半徑。 此屬性的預設值為 0.0。RadiusY
型double
別為 的 ,這是用來圓角矩形的 Y 軸半徑。 此屬性的預設值為 0.0。
這些屬性是由 BindableProperty
物件所支援,這表示這些屬性可以是數據系結的目標,並設定樣式。
類別會將Rectangle
Aspect
繼承自 類別的屬性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" />
在此範例中,繪製有圓角的藍色填滿矩形:
如需繪製虛線矩形的相關信息,請參閱 繪製虛線圖形。