Partager via


BoxView

L’interface utilisateur de l’application multiplateforme .NET (.NET MAUI) BoxView dessine un rectangle ou un carré simple, d’une largeur, d’une hauteur et d’une couleur spécifiées.

BoxView définit les propriétés suivantes :

  • Color, de type Color, qui définit la couleur du BoxView.
  • CornerRadius, de type CornerRadius, qui définit le rayon d’angle du BoxView. Cette propriété peut être définie sur une valeur de rayon d’angle uniforme unique double ou une CornerRadius structure définie par quatre double valeurs appliquées au haut à gauche, au haut à droite, au bas à gauche et au bas à droite du BoxView.

Ces propriétés sont sauvegardées par BindableProperty des objets, ce qui signifie qu’elles peuvent être des cibles de liaisons de données et mises en forme.

Remarque

Bien qu’il BoxView puisse imiter des graphiques simples, une meilleure alternative consiste à utiliser des formes .NET MAUI ou .NET MAUI Graphics.

Créer un BoxView

Pour dessiner un rectangle ou un carré, créez un BoxView objet et définissez ses propriétés et HeightRequest ses ColorWidthRequestpropriétés. Si vous le souhaitez, vous pouvez également définir sa CornerRadius propriété.

L’exemple XAML suivant montre comment créer un 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>

Dans cet exemple, un bleu BoxView fleur de maïs s’affiche au centre de la page :

Screenshot of a BoxView with rounded corners.

Les WidthRequest propriétés et HeightRequest les propriétés sont mesurées en unités indépendantes de l’appareil.

Remarque

Un BoxView peut également être un enfant d’un AbsoluteLayout. Dans ce cas, l’emplacement et la taille du fichier BoxView sont définis à l’aide de la LayoutBounds propriété pouvant être liée attachée.

Un BoxView peut également être dimensionné pour ressembler à une ligne d’une largeur et d’une épaisseur spécifiques.