티스토리 뷰

반응형
제목 : WPF - Element:Shape (Line:선)


이번강좌에서는 WPF에서 Line(선)에 대해 알아보겠다  Line은 두 지점 이어서 직선을 연결을 한다.  Line역시 Shape 클래스에서 상속을 받는다. Shape 클래스의 직선을 비롯한 모든 선과 도형 클래스는 간단한 선을 그리는 것에서 복잡한 백터 기반의 그래픽 표현도 가능하다.

System.Windows.Shapes.Line

Line은 X1, Y1, X2, Y2 4가지의 좌표값을 기준으로 해서 그리기를 한다.

X1 : 선의 시작 X 좌표 
Y1 : 선의 시작 Y 좌표
X2 : 선의 종료 X 좌표
Y2 : 선의 종료 Y 좌표

위의 4가지 속성은 Line를 그리기 위한 가장 중요하고 핵심적인 속성이다. 이외에도 다양한 속성이나 이벤트가 있지만 대부분 Shape클래스나 UIElement클래스 등으로부터 상속받는 기능이 대부분이다.

그럼 위의 4가지 속성을 가지고 대각선을 그려보겠다.

## 대각선 그리기


첫번째 Line은 Canvas를 기준으로 해서 Line의 외각선의 색은 Gold 이다.

두번째 Line은 첫번째 Line에서 Canvas를 기준으로 오른쪽으로 100 픽셀 이동한 위치에 대각선을 그린다.



다음은 직선의 굵기의 값을 더 주어보겠다.

 


 



StrokeThickness = "5" 속성은 선의 외곽선 두께를 지정한다.

Stroke, StrokeThickness 속성 모두  Shape클래스에서 상속을 받는다. Shape 클래스에는 배경색을 의미하는 Fill이라는 속성도 있다. 그럼 선에서 Fill속성에 값을 설정하면 어떤 모양이 나올까 확인해보자.



 



아무 변화가 없다는 것을 확인할 수 있다.

마지막으로 Line에 그라디언트  효과를 주어보겠다.





그라디언트 효과는 어디까지나 맛배기 보너스다.

Line에도 다른 도형과 같이 마우스 이벤트를 이용한 효과를 비롯한 다양한 효과를 얻어낼 수 있다.

반응형
댓글