오늘은 사용자 컨트롤을 사용하는 방법에 대해서 기록을 하겠습니다.

 

사용자 컨트롤에 대한 개념과 사용자 컨트롤을 만드는 법은 이전 게시글에 작성을 하였습니다. 해당 내용에 익숙치 않으시다면, 그 글부터 확인을 해 주시기 바랍니다.

 

2018/03/12 - [언어(Languages)] - [C#, WPF] 사용자 컨트롤 1 - 만들기

 

[C#, WPF] 사용자 컨트롤 1 - 만들기

오늘은 사용자 컨트롤을 만들고, 만든 컨트롤을 활용해 본 것을 정리하도록 하겠습니다. (분량을 짧게 끊어가고자, 만든 사용자 컨트롤 활용하기는 다른 글에 작성하였습니다.) 먼저 사용자 컨��

newstory-of-dev.tistory.com

 

저의 포스팅은 지난 글에서 제가 만들어서 활용 하려고 했던 시계 UI를 활용 해서 진행을 하도록 하겠습니다.

 

간단하게 순서를 정리 해 보도록 하겠습니다.

 

 

1. dll 참조에 추가하기

 

2. 코드에 사용자 컨트롤 생성하기

 

3. 코드에서 활용하기

 

 

그럼 아래에 과정을 단계별로 보여드리겠습니다.

 

 

 

<사진 1> dll 참조 추가

 

 

위의 화면 오른쪽 상단에 참조(Referenses)에서 우클릭 한 후 참조추가를 선택 합니다.

 

 

 

<사진 2> dll 참조 추가 - 파일 선택

 

 

오른쪽 상단부에 뒤로 표시되어있는 참조 관리자 창이 열리면 그 창에서 찾아보기를 누릅니다.

 

찾아보기를 누르면 위의 중앙에 있는 참조할 파일 선택 창이 열리는데 이전 게시글에서처럼 만들어 두었던 사용자 컨트롤의 dll파일의 경로를 찾아서 dll파일을 선택 해 줍니다. 그리고 참조 관리자 창에서 확인을 누릅니다.

 

 

 

<사진 3> 코드에서 사용자컨트롤 생성하기

사용자 컨트롤을 생성하는 것은 위와 같이 먼저 선언을 해 주고 할당을 해 주면 됩니다. 다른 변수나 이미 정의되어있는 컨트롤을 사용하는 것과 같습니다. 여기서 제가 조금 고비를 겪었던 것은 디자이너 코드에 바로 추가를 하고 싶었는데 해당 부분은 아직 확실히 해 보지 못했고, 코드에 추가를 할 때에도 네임스페이스 때문에 조금 시간을 보냈습니다.

 

저의 경우 앞에 MyClockControl이라고 되어있는 부분이 네임스페이스며, 그 네임스페이스는 제가 사용자 컨트롤을 만들 때 사용했던 네임스페이스입니다. 그 화면은 아래에 있습니다.

 

 

 

<사진 4> 코드에서 사용자컨트롤 생성시 네임스페이스

 

 

위에서와 같이 MyClockControl이라고 네임스페이스를 지정 했기 때문에, 그 네임스페이스의 MyClock을 선언하여 사용합니다.

 

 

 

<사진 5> 코드에서 새로 사용자 컨트롤 할당

변수 할당과 같이 컨트롤의 생성자 함수를 호출하여 새 사용자 정의 컨트롤을 할당해줍니다.

 

 

<사진 6> 디자이너 편집기

 

저와 같이 작업을 하셨다면 코드상에서 추가가 되기 때문에 디자이너에서는 사용자 정의 컨트롤이 보이지 않습니다.

 

 

 

<사진 7> 실행 화면

 

 

실행을 하면 위와 같이 제가 만들었던 시계 UI(사용자 정의 컨트롤)을 가지고 두 입력받은 시간의 차이를 구해주는 간단한 프로그램을 만들어보았습니다.

 

오늘은 이상으로 마치겠습니다.

 

 

질문이나 가르침은 언제나 환영입니다.

 

감사합니다.

 

+ Recent posts