Condividi tramite


Procedura: disegnare una linea

Aggiornamento: novembre 2007

In questo esempio viene illustrato come disegnare righe utilizzando l'elemento Line.

Per disegnare una riga, creare un elemento Line. Utilizzare le proprietà X1 e Y1 per impostare il punto di inizio e utilizzare le proprietà X2 e Y2 per impostare il punto di fine. Impostare infine Stroke e StrokeThickness per rendere invisibile una riga senza tratto.

L'impostazione dell'elemento Fill per una riga non ha effetto, perché una riga non ha interno.

Nell'esempio riportato di seguito vengono tracciate tre righe all'interno di un elemento Canvas.

Esempio

<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>

Questo esempio fa parte di un esempio più grande. Per la versione completa, vedere Esempio di elementi forma.

Vedere anche

Attività

Esempio di elementi forma

Riferimenti

Line