BoxView

.NET マルチプラットフォーム アプリ UI (.NET MAUI) BoxView は、指定した幅、高さ、色の単純な四角形または正方形を描画します。

BoxView は次の特性を定義します。

• Color 型の Color は、BoxView の色を定義します。
• CornerRadius 型の CornerRadius は、BoxView の角の半径を定義します。 このプロパティは、単一 double の均一な角の半径値、または BoxView の左上、右上、左下、右下に適用される 4 つの double 値で定義された CornerRadius 構造に設定できます。

これらのプロパティは、BindableProperty オブジェクトが基になっています。つまり、これらは、データ バインディングの対象にすることができ、スタイルを設定できます。

Note

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 プロパティは、デバイスに依存しない単位で測定されます。

Note

BoxView を AbsoluteLayout の子にすることもできます。 この場合、LayoutBounds のバインド可能な添付プロパティを使用して、BoxView の場所とサイズの両方が設定されます。

BoxView は、特定の幅と太さの線に似たサイズにすることもできます。