Partager via

Xamarin.Forms Formes : trait

  • Article

La Line classe dérive de la Shape classe et peut être utilisée pour dessiner des lignes. Pour plus d’informations sur les propriétés que la Line classe hérite de la Shape classe, consultez Xamarin.Forms Shapes.

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

  • X1, de type double, indique la coordonnée x du point de départ de la ligne. La valeur par défaut de cette propriété est 0.0.
  • Y1, de type double, indique la coordonnée y du point de départ de la ligne. La valeur par défaut de cette propriété est 0.0.
  • X2, de type double, indique la coordonnée x du point de terminaison de la ligne. La valeur par défaut de cette propriété est 0.0.
  • Y2, de type double, indique la coordonnée y du point de terminaison de la ligne. 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.

Pour plus d’informations sur le contrôle de la façon dont les extrémités de ligne sont dessinées, consultez Les extrémités de ligne de contrôle.

Créer une ligne

Pour dessiner une ligne, créez un Line objet et définissez ses Y1X1 propriétés sur son point de départ et ses YX2 propriétés sur son point de terminaison. En outre, définissez sa Stroke propriété sur un Brushobjet dérivé -, car une ligne sans trait est invisible. Pour plus d’informations sur Brush les objets, consultez Xamarin.Forms Pinceaux.

Remarque

Définir la Fill propriété d’un Line n’a aucun effet, car une ligne n’a pas d’intérieur.

L’exemple XAML suivant montre comment dessiner une ligne :

<Line X1="40"
      Y1="0"
      X2="0"
      Y2="120"
      Stroke="Red" />

Dans cet exemple, une ligne diagonale rouge est dessinée de (40,0) à (0,120) :

Ligne diagonale

Étant donné que les valeurs par défaut , X1, Y1X2et Y2 les propriétés ont la valeur 0, il est possible de dessiner certaines lignes avec une syntaxe minimale :

<Line Stroke="Red"
      X2="200" />

Dans cet exemple, une ligne horizontale de 200 unités indépendantes de l’appareil est définie. Étant donné que les autres propriétés sont 0 par défaut, une ligne est dessinée de (0,0) à (200,0).

L’exemple XAML suivant montre comment dessiner une ligne en pointillés :

<Line X1="40"
      Y1="0"
      X2="0"
      Y2="120"
      Stroke="DarkBlue"
      StrokeDashArray="1,1"
      StrokeDashOffset="6" />

Dans cet exemple, une ligne diagonale en pointillé bleu foncé est dessinée de (40,0) à (0,120) :

Pointillée

Pour plus d’informations sur le dessin d’une ligne en pointillés, voir Dessiner des formes en pointillés.