탭 컨트롤을 통해 위와 같이 탭을 클릭할때마다 페이지가 바뀌는 효과를 만들 수 있습니다.
페이지랑은 다르게 별도의 분리된 페이지를 구성하는 것도 아니고, code-behind단도 따로 필요없이, 오직 xaml 상에서 구현이 가능하다는 특징이 있습니다.
1) 기본 layout
//MainWindow.xaml
위 코드가 오늘 작성할 코드의 전부입니다.
하나씩 뜯어보자면,
탭은 특이하게 TabControl이라는 메인 엘리먼트를 기준으로 그 안에 자식 엘리먼트인 TabItem을 둡니다.
위 그림에서 탭1, 탭2 는 TabItem에 Header부분을 통해 수정이 가능합니다.
다음으로 아래 빨간색 사각형에 해당하는 부분은 TabItem 엘리먼트 안에 적어주는 내용이 출력이 됩니다.
우리 코드에서는 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 |
댓글