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 は、特定の幅と太さの線に似たサイズにすることもできます。
.NET MAUI