무효 클릭 IP 추적 중...
c#/wpf

[c# wpf] 탭(Tab Control) 사용법

꼬예 2022. 5. 24.

 

탭 컨트롤을 통해 위와 같이 탭을 클릭할때마다 페이지가 바뀌는 효과를 만들 수 있습니다.

 

페이지랑은 다르게 별도의 분리된 페이지를 구성하는 것도 아니고, code-behind단도 따로 필요없이, 오직 xaml 상에서 구현이 가능하다는 특징이 있습니다.

 

1) 기본 layout

//MainWindow.xaml

위 코드가 오늘 작성할 코드의 전부입니다.

 

하나씩 뜯어보자면,

탭은 특이하게 TabControl이라는 메인 엘리먼트를 기준으로 그 안에 자식 엘리먼트TabItem을 둡니다.

 

위 그림에서 탭1, 탭2 는 TabItemHeader부분을 통해 수정이 가능합니다.

 

다음으로 아래 빨간색 사각형에 해당하는 부분은 TabItem 엘리먼트 안에 적어주는 내용이 출력이 됩니다.

우리 코드에서는 Label 엘리먼트를 썼는데요. 굳이 Label을 안써도 됩니다!

 

 

 

이 글과 읽으면 좋은글

  • 트위터 공유하기
  • 페이스북 공유하기
  • 카카오톡 공유하기
이 컨텐츠가 마음에 드셨다면 커피 한잔(후원) ☕

댓글