wpf tabcontrol 예제

다음은 사용자가 단추를 클릭할 때 SelectedIndex 속성을 변경하는 예제입니다. 대부분의 다른 WPF 컨트롤과 마찬가지로 TabControl을 시작하기가 매우 쉽습니다. 다음은 매우 기본적인 예입니다: 다시 한 번, WPF는 탭의 모양을 사용자 지정하려는 경우 매우 유연하다는 것을 증명합니다. 분명히 콘텐츠는 원하는 방식으로 렌더링 할 수 있지만 탭 헤더도 렌더링 할 수 있습니다! Header 속성은 원하는 대로 채워질 수 있으며, 다음 예제에서 활용할 수 있습니다. WPF 탭 컨트롤에는 SelectedIndex 및 SelectedItem을 포함하여 여러 속성이 있습니다. 다음 예제에서는 TabControl을 제어 할 수있는 첫 번째 예제에 몇 가지 단추를 추가했습니다.이 문서에서는 WPF에서 tabcontrol을 구현하는 방법을 설명합니다. 보시다시피 각 탭은 TabItem 요소로 표시되며, 탭에 표시된 텍스트는 Header 속성에 의해 제어됩니다. TabItem 요소는 ContentControl 클래스에서 제공되며, 이는 탭이 활성화되어 있는 경우(예: 스크린샷)에 표시되는 단일 요소를 정의할 수 있음을 의미합니다. 이 예제에서는 레이블을 사용했지만 탭 내부에 두 개 이상의 컨트롤을 배치하려면 자식 컨트롤이 있는 패널 중 하나를 사용하십시오. 다음 예제에서는 TabControl을 만들고 두 번째 TabItem의 TextBlock을 첫 번째 TabItem의 텍스트 상자에 바인딩합니다.

아래에서 TabControl의 SelectedIndex를 클래스의 속성에 바인딩합니다. 콤보박스에 대해서도 동일한 작업을 수행하며, 콤보박스의 ItemSource를 TabControl이 바인딩된 것과 동일한 컬렉션에 바인딩합니다. 이렇게 하면 ComboBox를 사용하여 올바른 탭을 선택하거나 수동으로 다른 탭을 선택하여 콤보박스를 업데이트할 수 있습니다. . 이 요소는 장치 독립적인 방식으로 텍스트를 받을 때 발생 합니다. 조작경계 피드백 이벤트가 발생할 때 호출됩니다. . 패널 또는 항목 컨트롤과 같은 상위 요소 내에서 구성될 때 이 요소에 적용된 수평 정렬 특성을 가져옵니다. 이 요소에 대해 의미 있는 액세스 키가 호출되는 경우 클래스 처리를 제공합니다.

탭컨트롤이 각 황제 오브젝트에 대한 탭을 만듭니다. 각 TabItem에 대한 헤더와 콘텐츠는 기본적으로 개체의 문자열 표현(이 경우 황제의 이름)으로 설정됩니다. Tab 컨트롤은 몇 시간 동안 주변에 있었던 일반적인 UI 요소입니다. 그것은 현실적으로 적합하고 여전히 이해할 수있는 것보다 더 많은 이있을 때 창을 구성하는 편리한 방법을 만든다. 탭 컨트롤은 Windows 프레젠테이션 파운데이션에서 더 쉽습니다. XAML 덕분에 태그 코드로 처음부터 탭 컨트롤을 빌드할 수 있습니다. 탭 컨트롤을 빌드하는 데 두 가지 요소가 중요한 역할을 하며 레이아웃 프로세스의 측정 값 통과 중에 이 요소가 계산한 크기를 가져옵니다. 탭 컨트롤에 모든 컨트롤을 추가할 수 있습니다. 그러나 대부분의 컨트롤은 이 목적을 위해 설계되지 않았기 때문에 이상한 사용자 환경을 생성합니다. 올바른 방법은 TabControl의 XAML 태그 내에 여러 TabItem 요소를 추가하는 것입니다. 이 요소의 논리 트리에서 제공된 개체를 제거합니다. FrameworkElement는 영향을 받는 논리 트리 부모 포인터를 업데이트하여 이 삭제와 동기화됩니다.

태그의 양은 조금 압도적 일 수 있지만, 일단 당신이 그것을 파고 보면 아마 볼 수 있듯이, 그것은 모두 매우 간단합니다. 이제 각 탭에는 Image 및 TextBlock 컨트롤이 포함된 StackPanel이 포함된 TabControl.Header 요소가 있습니다. 이를 통해 각 탭에 이미지를 가질 수 있을 뿐만 아니라 텍스트의 색상을 사용자 지정할 수 있습니다(굵게, 기울임꼴 또는 다른 크기로 만들 수도 있음).

Bez kategorii