Guide pratique pour dessiner une ligne

Cet exemple montre comment dessiner des lignes à l’aide de l’élément Line.

Pour dessiner une ligne, créez un élément Line. Utilisez ses propriétés X1 et Y1 pour définir son point de départ ; et utilisez ses propriétés X2 et Y2 pour définir son point de terminaison. Enfin, définissez Stroke et StrokeThickness car une ligne sans trait de contour est invisible.

La définition de l’élément Fill pour une ligne n’a aucun effet, car une ligne n’a pas d’intérieur.

L’exemple suivant dessine trois lignes à l’intérieur d’un élément Canvas.

Exemple

<Canvas Height="300" Width="300">

  <!-- Draws a diagonal line from (10,10) to (50,50). -->
  <Line
    X1="10" Y1="10"
    X2="50" Y2="50"
    Stroke="Black"
    StrokeThickness="4" />

  <!-- Draws a diagonal line from (10,10) to (50,50)
       and moves it 100 pixels to the right. -->
  <Line
    X1="10" Y1="10"
    X2="50" Y2="50"
    StrokeThickness="4"
    Canvas.Left="100">
    <Line.Stroke>
      <RadialGradientBrush GradientOrigin="0.5,0.5" Center="0.5,0.5" RadiusX="0.5" RadiusY="0.5">
        <RadialGradientBrush.GradientStops>
          <GradientStop Color="Red" Offset="0" />
          <GradientStop Color="Blue" Offset="0.25" />
        </RadialGradientBrush.GradientStops>
      </RadialGradientBrush>
    </Line.Stroke>
  </Line>

  <!-- Draws a horizontal line from (10,60) to (150,60). -->
  <Line
     X1="10" Y1="60"
     X2="150" Y2="60"
     Stroke="Black"
     StrokeThickness="4"/>

</Canvas>

Cet exemple fait partie d’un échantillon plus large ; pour obtenir l’exemple complet, consultez exemple d’éléments de forme.

Voir aussi

• Line
• Échantillon d'éléments de forme