共用方式為


BoxView

.NET 多平臺應用程式 UI (.NET MAUI) BoxView 會繪製一個簡單的矩形或方形,其寬度、高度和色彩。

BoxView 會定義下列屬性:

  • ColorColor別為 的 ,其定義 的 BoxView色彩。
  • CornerRadiusCornerRadius別為 的 ,其定義 的 BoxView圓角半徑。 這個屬性可以設定為單double一統一圓角半徑值,或由四doubleCornerRadius值所定義的結構,這些值會套用至 的左上角、右上方、左下和右下角BoxView

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

注意

雖然 BoxView 可以模擬簡單的圖形,但更好的替代方法是使用 .NET MAUI 圖形或 .NET MAUI 圖形

建立 BoxView

若要繪製矩形或正方形,請建立 BoxView 物件,並設定其 ColorWidthRequestHeightRequest 屬性。 您也可以選擇性地設定其 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 會顯示在頁面中央:

Screenshot of a BoxView with rounded corners.

WidthRequestHeightRequest 屬性會以裝置無關的單位來測量。

注意

BoxView也可以是 的AbsoluteLayout子系。 在此情況下,會使用LayoutBounds附加的可系結屬性來設定 的位置和大小BoxView

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