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 Brushobjet dérivé. Pour donner au rectangle un contour, définissez sa Stroke propriété sur un Brushobjet 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.