BoxView
.NET 多平臺應用程式 UI (.NET MAUI) BoxView 會繪製一個簡單的矩形或方形,其寬度、高度和色彩。
BoxView 會定義下列屬性:
Color
型 Color別為 的 ,其定義 的 BoxView色彩。CornerRadius
型CornerRadius
別為 的 ,其定義 的 BoxView圓角半徑。 這個屬性可以設定為單double
一統一圓角半徑值,或由四double
個CornerRadius
值所定義的結構,這些值會套用至 的左上角、右上方、左下和右下角BoxView。
這些屬性是由 BindableProperty 物件所支援,這表示這些屬性可以是數據系結的目標,並設定樣式。
注意
雖然 BoxView 可以模擬簡單的圖形,但更好的替代方法是使用 .NET MAUI 圖形或 .NET MAUI 圖形。
建立 BoxView
若要繪製矩形或正方形,請建立 BoxView 物件,並設定其 Color
、 WidthRequest和 HeightRequest 屬性。 您也可以選擇性地設定其 CornerRadius
屬性。
下列 XAML 範例示範如何建立 BoxView:
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:BasicBoxView"
x:Class="BasicBoxView.MainPage">
<BoxView Color="CornflowerBlue"
CornerRadius="10"
WidthRequest="160"
HeightRequest="160"
VerticalOptions="Center"
HorizontalOptions="Center" />
</ContentPage>
在此範例中,玉米花藍色 BoxView 會顯示在頁面中央:
WidthRequest和 HeightRequest 屬性會以裝置無關的單位來測量。
注意
BoxView也可以是 的AbsoluteLayout子系。 在此情況下,會使用LayoutBounds
附加的可系結屬性來設定 的位置和大小BoxView。
BoxView也可以調整成類似特定寬度和粗細的線條。