탭 컨트롤

적절한 TabControl 탭을 선택하여 액세스하는 개별 페이지에 콘텐츠를 표시합니다. TabControl은 개체 컬렉션을 TabItem 관리하는 컨테이너 역할을 합니다. 각각 TabItem 은 클릭 가능한 탭 머리글과 연결된 콘텐츠 페이지를 모두 나타냅니다.

가운데 탭을 선택하고 콘텐츠를 표시하는 세 개의 탭이 있는 TabControl

주요 개념

TabControl 및 TabItem 컨트롤은 함께 작동하여 탭 인터페이스를 만듭니다.

  • TabControl: 탭 선택, 레이아웃 및 프레젠테이션을 관리하는 컨테이너 역할을 합니다. 탭 클릭과 같은 사용자 상호 작용을 처리하고 현재 선택한 탭의 콘텐츠를 표시합니다.
  • TabItem: TabControl 내의 개별 탭을 나타냅니다. 각 TabItem에는 머리글(표시되는 탭 텍스트 또는 콘텐츠) 및 콘텐츠(탭을 선택할 때 표시되는 내용)가 포함됩니다.
  • 관계: TabControl의 Items 컬렉션에는 TabItem 개체가 포함됩니다. TabItem을 선택하면 TabControl에서 해당 항목의 콘텐츠를 표시하고 시각적 상태를 업데이트하여 활성 탭을 표시합니다.

개별 탭에 대한 자세한 내용은 TabItem을 참조하세요.

스타일 및 템플릿

이 섹션에서는 TabControl 컨트롤의 스타일 및 템플릿에 대해 설명합니다. 컨트롤에 고유한 모양을 지정하도록 기본값 ControlTemplate 을 수정할 수 있습니다. 자세한 내용은 스타일 및 템플릿 개요 및컨트롤에 대한 템플릿 만들기를 참조하세요.

콘텐츠 속성

TabControl는 콘텐츠 속성으로 Items를 사용합니다. 이 속성은 개별 탭 및 관련 콘텐츠를 나타내는 개체의 TabItem 컬렉션을 포함합니다. 이 컬렉션에 TabItem 개체를 추가하면 TabControl 인터페이스에서 선택할 수 있는 탭으로 표시됩니다.

파트

다음 표에서는 컨트롤의 명명된 부분을 나열합니다 TabControl .

부분 유형 Description
PART_SelectedContentHost ContentPresenter 현재 선택한 내용이 표시된 개체입니다 TabItem.

ControlTemplate용으로 TabControl을(를) 만들 때, 템플릿에 ItemsPresenter 내에 ScrollViewer을 포함할 수 있습니다. ItemsPresenterTabControl 내의 각 항목을 표시하며, ScrollViewer는 컨트롤 내에서 스크롤할 수 있도록 합니다. ItemsPresenterScrollViewer의 직접 자식이 아닌 경우, ItemsPresenterItemsPresenter라는 이름을 지정해야 합니다.

시각적 상태

다음 표에서는 컨트롤의 시각적 상태를 나열합니다 TabControl .

VisualState 이름 VisualStateGroup 이름 Description
정상 CommonStates 기본 상태입니다.
Disabled CommonStates 컨트롤을 사용할 수 없습니다.
유효 검증 상태 컨트롤은 Validation 클래스를 사용하고, Validation.HasError 연결된 속성은 false입니다.
유효하지 않은 포커스 검증 상태 Validation.HasError 연결된 속성은 true 컨트롤이 포커스를 가지고 있는지 여부를 나타냅니다.
잘못된포커스없음 검증 상태 Validation.HasError 연결된 속성은 true 컨트롤이 포커스를 잃고 있을 때 적용됩니다.

참고하십시오