![[c# wpf] 탭(Tab Control) 사용법 [c# wpf] 탭(Tab Control) 사용법](http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png)
탭 컨트롤을 통해 위와 같이 탭을 클릭할때마다 페이지가 바뀌는 효과를 만들 수 있습니다.
페이지랑은 다르게 별도의 분리된 페이지를 구성하는 것도 아니고, code-behind단도 따로 필요없이, 오직 xaml 상에서 구현이 가능하다는 특징이 있습니다.
1) 기본 layout
//MainWindow.xaml
![[c# wpf] 탭(Tab Control) 사용법 - undefined - 1) 기본 layout [c# wpf] 탭(Tab Control) 사용법 - undefined - 1) 기본 layout](http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png)
위 코드가 오늘 작성할 코드의 전부입니다.
하나씩 뜯어보자면,
![[c# wpf] 탭(Tab Control) 사용법 - undefined - 1) 기본 layout [c# wpf] 탭(Tab Control) 사용법 - undefined - 1) 기본 layout](http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png)
탭은 특이하게 TabControl이라는 메인 엘리먼트를 기준으로 그 안에 자식 엘리먼트인 TabItem을 둡니다.
![[c# wpf] 탭(Tab Control) 사용법 - undefined - 1) 기본 layout [c# wpf] 탭(Tab Control) 사용법 - undefined - 1) 기본 layout](http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png)
위 그림에서 탭1, 탭2 는 TabItem에 Header부분을 통해 수정이 가능합니다.
다음으로 아래 빨간색 사각형에 해당하는 부분은 TabItem 엘리먼트 안에 적어주는 내용이 출력이 됩니다.
![[c# wpf] 탭(Tab Control) 사용법 - undefined - 1) 기본 layout [c# wpf] 탭(Tab Control) 사용법 - undefined - 1) 기본 layout](http://t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png)
우리 코드에서는 Label 엘리먼트를 썼는데요. 굳이 Label을 안써도 됩니다!
이 글과 읽으면 좋은글
'c# > wpf' 카테고리의 다른 글
[c# wpf] 데이터 바인딩 기초 개념/ 예제 완벽 정리 (3) | 2022.05.27 |
---|---|
[c# wpf] 새로운 창(윈도우) 여는 법 (0) | 2022.05.24 |
[c# wpf] page(페이지)란? (윈도우랑 뭐가 다를까?) (0) | 2022.05.24 |
[c# wpf] 버튼 클릭 => 텍스트 출력 2가지 방법 (0) | 2022.05.23 |
[c# wpf] 버튼 content에 중괄호(curly braces) 넣기 (0) | 2022.05.23 |
댓글
꼬예님의
글이 좋았다면 응원을 보내주세요!
이 글이 도움이 됐다면, 응원 댓글을 써보세요. 블로거에게 지급되는 응원금은 새로운 창작의 큰 힘이 됩니다.
응원 댓글은 만 14세 이상 카카오계정 이용자라면 누구나 편하게 작성, 결제할 수 있습니다.
글 본문, 댓글 목록 등을 통해 응원한 팬과 응원 댓글, 응원금을 강조해 보여줍니다.
응원금은 앱에서는 인앱결제, 웹에서는 카카오페이 및 신용카드로 결제할 수 있습니다.