Xamarin.Forms Formes : Rectangle
La Rectangle
classe dérive de la Shape
classe et peut être utilisée pour dessiner des rectangles et des carrés. Pour plus d’informations sur les propriétés que la Rectangle
classe hérite de la Shape
classe, consultez Xamarin.Forms Shapes.
Rectangle
définit les propriétés suivantes :
RadiusX
, de typedouble
, qui est le rayon de l’axe x utilisé pour arrondir les angles du rectangle. La valeur par défaut de cette propriété est 0.0.RadiusY
, de typedouble
, qui est le rayon de l’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 Rectangle
classe définit la Aspect
propriété, héritée de la Shape
classe, sur Stretch.Fill
. Pour plus d’informations sur la Aspect
propriété, consultez Formes Stretch.
Créer un rectangle
Pour dessiner un rectangle, créez un Rectangle
objet et définissez ses propriétés et HeightRequest
ses WidthRequest
propriétés. Pour peindre l’intérieur du rectangle, définissez sa Fill
propriété sur un Brush
objet dérivé. Pour donner au rectangle un contour, définissez sa Stroke
propriété sur un Brush
objet dérivé de -. La StrokeThickness
propriété spécifie l’épaisseur du contour du rectangle. Pour plus d’informations sur Brush
les objets, consultez Xamarin.Forms Pinceaux.
Pour donner au rectangle des angles arrondis, définissez ses propriétés et RadiusY
ses RadiusX
propriétés. Ces propriétés définissent le rayon de l’axe x et de l’axe y utilisé pour arrondir les angles du rectangle.
Pour dessiner un carré, faites en sorte que les WidthRequest
propriétés de HeightRequest
l’objet Rectangle
sont é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 rouge rempli 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 bleu rempli avec des angles arrondis est dessiné :
Pour plus d’informations sur le dessin d’un rectangle en pointillés, voir Dessiner des formes en pointillés.