Rectangle

Parcourir l'exemple

La classe .NET Multi-platform App UI (.NET MAUI) Rectangle dérive de la classe Shape et vous pouvez l’utiliser pour dessiner des rectangles et des carrés. Si vous souhaitez obtenir des informations sur les propriétés par la classe Rectangle de la classe Shape, consultez Formes .NET MAUI.

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

• RadiusX, de type double, qui est le radius d’axe X utilisé pour arrondir les angles du rectangle. La valeur par défaut de cette propriété est 0.0.
• RadiusY, de type double, qui est le radius d’axe Y utilisé pour arrondir les angles du rectangle. La valeur par défaut de cette propriété est 0.0.

Les propriétés s’appuient sur des objets BindableProperty, ce qui signifie qu’elles peuvent être les cibles de liaisons de données et mises en forme avec un style.

La classe Rectangle définit la propriété Aspect, héritée de la classe Shape, sur Stretch.Fill. Pour obtenir plus d’informations sur la propriété Aspect, consultez Formes étirées.

Créer un rectangle

Pour dessiner un rectangle, créez un objet Rectangle et définissez ses propriétés WidthRequest et HeightRequest. Pour peindre l’intérieur du rectangle, définissez sa propriété Fill sur un objet dérivé de Brush. Pour donner un contour au rectangle, définissez sa propriété Stroke sur un objet dérivé de Brush. La propriété StrokeThickness spécifie l’épaisseur du contour du rectangle. Pour obtenir plus d’informations sur les objets Brush, consultez Pinceaux.

Pour donner des angles arrondis au rectangle, définissez ses propriétés RadiusX et RadiusY. Ces propriétés définissent le rayon de l’axe X et de l’axe Y utilisé pour arrondir les angles du rectangle.

Remarque

Il existe également une classe RoundRectangle, qui a une CornerRadius BindableProperty, que vous pouvez utiliser pour dessiner des rectangles avec des angles arrondis.

Pour dessiner un carré, faites en sorte que les propriétés WidthRequest et HeightRequest de l’objet Rectangle soient égales.

L’exemple XAML suivant montre comment dessiner un rectangle rempli :

<Rectangle Fill="Red"
           WidthRequest="150"
           HeightRequest="50"
           HorizontalOptions="Start" />

Dans cet exemple, un rectangle rempli rouge de dimensions 150x50 (unités indépendantes de l’appareil) est dessiné :

L’exemple XAML suivant montre comment dessiner un rectangle rempli avec des angles arrondis :

<Rectangle Fill="Blue"
           Stroke="Black"
           StrokeThickness="3"
           RadiusX="50"
           RadiusY="10"
           WidthRequest="200"
           HeightRequest="100"
           HorizontalOptions="Start" />

Dans cet exemple, un rectangle rempli bleu avec des angles arrondis est dessiné :

Pour obtenir des informations sur la manière de dessiner un rectangle en pointillés, consultez Dessiner des formes en pointillés.