BoxView

.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、 、 WidthRequestHeightRequest 屬性。 你也可以選擇設定它的 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

帶有圓角的 BoxView 截圖。

WidthRequestHeightRequest屬性以裝置無關單位來衡量。

備註

A BoxView 也可以是 AbsoluteLayout 的子節點。 在此情況下,BoxView 的位置與大小皆是透過 LayoutBounds 附加的可綁定屬性來設定。

A BoxView 也可以被調整成類似特定寬度和粗細的線條。