.NET 多平台應用程式介面(.NET MAUI) BoxView 繪製一個簡單的矩形或正方形,範圍為指定的寬度、高度與顏色。
BoxView 定義下列屬性:
-
Color,其類型為Color,用於定義BoxView的顏色。 -
CornerRadius,型別為CornerRadius,用來定義BoxView的角半徑。 此屬性可設定為單一double均勻的圓角半徑值,或由CornerRadius四個double值定義的結構,分別套用於左上、右上、左下及右下 BoxView。
這些屬性由 BindableProperty 物件支援,這表示它們可以成為資料繫結的目標並且可以設定樣式。
備註
雖然 BoxView 可以模擬簡單的圖形,但更好的替代方案是使用 .NET MAUI Shapes 或 .NET MAUI Graphics。
建立 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屬性以裝置無關單位來衡量。
備註
A BoxView 也可以是 AbsoluteLayout 的子節點。 在此情況下,BoxView 的位置與大小皆是透過 LayoutBounds 附加的可綁定屬性來設定。
A BoxView 也可以被調整成類似特定寬度和粗細的線條。