BoxView

L'interfaccia utente dell'app multipiattaforma .NET (.NET MAUI) BoxView disegna un semplice rettangolo o quadrato, di una larghezza, un'altezza e un colore specificati.

BoxView definisce le proprietà seguenti:

• Color, di tipo Color, che definisce il colore dell'oggetto BoxView.
• CornerRadius, di tipo CornerRadius, che definisce il raggio dell'angolo dell'oggetto BoxView. Questa proprietà può essere impostata su un singolo double valore del raggio dell'angolo uniforme oppure su una CornerRadius struttura definita da quattro double valori applicati all'angolo superiore sinistro, in alto a destra, in basso a sinistra e in basso a destra dell'oggetto BoxView.

Queste proprietà sono supportate da BindableProperty oggetti, il che significa che possono essere destinazioni di data binding e stili.

Nota

Sebbene BoxView possa simulare grafica semplice, un'alternativa migliore consiste nell'usare forme MAUI .NET o grafica MAUI .NET.

Creare un controllo BoxView

Per disegnare un rettangolo o un quadrato, creare un BoxView oggetto e impostarne Colorle proprietà , WidthRequeste HeightRequest . Facoltativamente, è anche possibile impostarne la CornerRadius proprietà.

L'esempio XAML seguente illustra come creare un oggetto 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>

In questo esempio viene visualizzato un blu BoxView di cornflower al centro della pagina:

Le WidthRequest proprietà e HeightRequest vengono misurate in unità indipendenti dal dispositivo.

Nota

Un BoxView può anche essere un elemento figlio di un oggetto AbsoluteLayout. In questo caso, sia la posizione che le dimensioni di BoxView vengono impostate usando la LayoutBounds proprietà associabile associata.

Un BoxView oggetto può anche essere ridimensionato per assomigliare a una linea di una larghezza e uno spessore specifici.