共用方式為


HOW TO:繪製線條

更新:2007 年 11 月

本範例說明如何使用 Line 項目來繪製線條。

若要繪製線條,請建立 Line 項目。使用它的 X1Y1 屬性來設定起始點,然後使用它的 X2Y2 屬性來設定結束點。最後,設定它的 StrokeStrokeThickness,因為如果線條沒有筆劃,就無法顯示出來。

設定線條的 Fill 項目並沒有作用,因為線條沒有內部。

下列範例會在 Canvas 項目中繪製三條線。

範例

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

這個範例是較大範例的一部分;如需完整範例,請參閱圖案項目範例

請參閱

工作

圖案項目範例

參考

Line