Comment : dessiner une ligne

  • Article

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

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

La définition de l’élément Fill d’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 Canvas élément.

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 l’exemple complet, consultez l’exemple Éléments de forme.

Voir aussi