16.SilverLight3 - Shape - Line ( 선 )

선을 표현한 예제입니다.
속성 값에 따라 선의 모양이 달라집니다.

X1 : 시작지점 ( X좌표 ) , X2 : 끝 지점 ( X좌표 )
Y1 : 시작지점 ( Y좌표 ) , Y2 : 끝 지점 ( Y좌표 )

StrokeDashArray : 점 선 표현 ( StrokeDashArray="5, 2" ) : 길이 5px, 선과 선 사이 2px
StrokeDashCap, StrokeStartLineCap, StrokeEndLineCap : 선 모서리 모양 설정

---

MainPage.xaml

[그림 16-1] <Grid x:Name="LayoutRoot" Background="White">         <Canvas>             <Line                 X1="300" Y1="200"                 X2="200" Y2="200"                 Stroke="Red" StrokeThickness="5"                 StrokeDashArray="5, 2"                 StrokeDashCap="Round"                 StrokeStartLineCap="Triangle"                 StrokeEndLineCap="Square">             </Line>                         <Line                 X1="100" Y1="100"                 X2="100" Y2="200"                 Stroke="Blue" StrokeThickness="5"                 StrokeDashArray="5, 2"                 StrokeDashCap="Flat"                 StrokeStartLineCap="Flat"                 StrokeEndLineCap="Flat">             </Line>         </Canvas> </Grid>

---

응용 예제입니다.

FrmLine.xaml

[그림 16-2] <Canvas Background="Blue">         <Line X1="100" Y1="100"               X2="200" Y2="200"               Stroke="Black" StrokeThickness="5"></Line>         <Line X1="200" Y1="200"               X2="200" Y2="100"               Stroke="Yellow" StrokeThickness="5"></Line>         <Line             Stroke="Red" StrokeThickness="5"             X1="100" Y1="100"             X2="200" Y2="100"></Line>         <Line             X1="300" Y1="200"             X2="200" Y2="200"             Stroke="Red" StrokeThickness="5"             StrokeDashArray="5, 2"             StrokeDashCap="Round"             StrokeStartLineCap="Triangle"             StrokeEndLineCap="Square"></Line> </Canvas>

Line.zip