如何:修改线条或线段末端的线帽

此示例演示如何修改开放的 Shape 元素的起端或末尾形状。 若要更改开放的 Shape 起端的线帽,请使用其 StrokeStartLineCap 属性。 若要更改开放的 Shape 末端的线帽,请使用其 StrokeEndLineCap 属性。 若要查看可用的线条线帽,请参阅 PenLineCap 枚举。

注意

此属性仅影响开放的形状,例如 LinePolyline 或开放的 Path 元素。

以下示例绘制四个 Polyline 元素,并在每个元素的末端使用一组不同的形状。

示例

<TextBlock Grid.Column="3" Grid.Row="0" Grid.ColumnSpan="2">
  <Bold>Line Caps</Bold>
</TextBlock>
<TextBlock Grid.Column="3" Grid.Row="1">Flat</TextBlock>
<Polyline
  Points="50,50 75,30 100,100 130,40"
  Stroke="Red"
  StrokeThickness="20"
  StrokeStartLineCap="Flat"
  StrokeEndLineCap="Flat"
  Grid.Row="1" Grid.Column="4"/>

<TextBlock Grid.Column="3" Grid.Row="2">Square</TextBlock>
<Polyline
  Points="50,50 75,30 100,100 130,40"
  Stroke="Red"
  StrokeThickness="20"
  StrokeStartLineCap="Square"
  StrokeEndLineCap="Square"    
  Grid.Row="2" Grid.Column="4"/>

<TextBlock Grid.Column="3" Grid.Row="3">Round</TextBlock>
<Polyline
  Points="50,50 75,30 100,100 130,40"
  Stroke="Red"
  StrokeThickness="20"
  StrokeStartLineCap="Round"
  StrokeEndLineCap="Round"  
  Grid.Row="3" Grid.Column="4"/>

<TextBlock Grid.Column="3" Grid.Row="4">Triangle</TextBlock>
<Polyline
  Points="50,50 75,30 100,100 130,40"
  Stroke="Red"
  StrokeThickness="20"
  StrokeStartLineCap="Triangle"
  StrokeEndLineCap="Triangle"     
  Grid.Row="4" Grid.Column="4"/>

此示例是更大示例的组成部分;有关完整示例,请参阅形状元素示例

另请参阅