이 세상엔 하고 싶은 것, 해야할 것이 많다

이번에는 WPF의 장점 중 하나인 다양하게 적용할 수 있는 디자인 중 하나인 그라데이션 기능에 대하여 각각 코드별로 분석을 해보도록 하겠습니다. 1. Linear Gradient (선형 그라디언트) 먼저 MSDN에 있는 그라데이션 설명에 포함된 이미지입니다. 해당 그림은 왼쪽 상단에서 오른쪽 하단으로 이어지는 선형 그라디언트(LinearGradient)에 대한 그림입니다. 시작지점(StartPoint)과 끝지점(EndPoint)이 각각 (X,Y) 좌표의 형태를 띄고 있습니다. 먼저 위의 선형 그라디언트을 구현하기 위한 코드를 보겠습니다. 해당 코드도 MSDN에서 가져왔습니다. Rectangle은 사각형 관련 코드인데 그라디언트와는 관계가 없으므로 건너뛰겠습니다. 4번째 줄부터 확인해보면 LinearGra..

프로그래밍/WPF 2020. 12. 10. 17:45

이번에는 WPF에서 아래와 같이 모서리가 둥그런 모양을 가진 버튼을 만들어보겠습니다. 모서리가 둥근 버튼을 만드는 것이 목적이기에 그라데이션 등의 설정 방법은 여기서 언급하지 않습니다. 먼저 버튼을 넣을 xaml 파일로 이동합니다. 예를 들면 MainWindow.xaml 파일입니다. 해당 화면의 도구 상자에서 버튼을 끌어다 놓습니다. 그럼 아래와 같이 버튼 및 해당하는 xml 코드가 만들어집니다. 구별을 위해 해당 버튼의 xml 코드만 따로 떼어놓겠습니다. 다른 값은 그대로 두셔도 무방하고 끝에 부분만 /> 에서 >로 바꾸고 밑에 을 추가합니다. 위에 스샷처럼 되었다면 스샷의 커서가 있는 곳에다가 아래 코드를 넣습니다. 넣고나면 버튼의 모서리가 둥그래진 것을 확인할 수 있습니다. 이상으로 WPF에서 버튼..

프로그래밍/WPF 2020. 12. 10. 13:08