Partager via

Graphique en courbes

  • Article

Browse sample. Parcourir l’exemple

La classe .NET Multiplateform App UI (.NET MAUI) Line 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 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.

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.

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 Y1 X1 propriétés sur son point de départ et ses Y2 X2 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 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) :

Diagonal line.

É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) :

Dashed line.

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