tabcontrol 예제

By 2019. augusztus 2. Egyéb No Comments

보시다시피 각 탭은 TabItem 요소로 표시되며, 탭에 표시된 텍스트는 Header 속성에 의해 제어됩니다. TabItem 요소는 ContentControl 클래스에서 제공되며, 이는 탭이 활성화되어 있는 경우(예: 스크린샷)에 표시되는 단일 요소를 정의할 수 있음을 의미합니다. 이 예제에서는 레이블을 사용했지만 탭 내부에 두 개 이상의 컨트롤을 배치하려면 자식 컨트롤이 있는 패널 중 하나를 사용하십시오. XAML TablControl 요소는 탭 컨트롤을 나타냅니다. 이 문서에서는 WPF에서 TabControl을 사용 하는 방법을 살펴보겠습니다. 탭 컨트롤에는 탭 항목이 있으며 각 탭 항목은 다른 컨트롤을 호스트하는 데 사용되는 컨테이너를 나타냅니다. 탭 컨트롤의 일반적인 예는 그림 1과 같이 Visual Studio 디자이너입니다. Window1.xaml 탭 항목을 클릭하면 XAML 코드가 표시되지만 Window1.xaml.cs 클릭하면 뒤에 C# 코드가 표시됩니다. 그림 1 XAML에서 탭 컨트롤 만들기 탭 컨트롤 은 탭 컨트롤을 나타냅니다. 다음 예제에서는 TabControl을 만들고 두 번째 TabItem의 TextBlock을 첫 번째 TabItem의 텍스트 상자에 바인딩합니다. 대부분의 다른 WPF 컨트롤과 마찬가지로 TabControl을 시작하기가 매우 쉽습니다.

다음은 매우 기본적인 예입니다: 프로그래밍 방식으로 선택된 탭을 제어하거나 선택한 탭에 대한 몇 가지 정보를 얻을 수 있습니다. WPF 탭 컨트롤에는 SelectedIndex 및 SelectedItem을 포함하여 여러 속성이 있습니다. 다음 예제에서는 TabControl을 제어할 수 있는 첫 번째 예제에 몇 개의 단추를 추가했습니다. 분명히 콘텐츠는 원하는 방식으로 렌더링 할 수 있지만 탭 헤더도 렌더링 할 수 있습니다! Header 속성은 당신이 좋아하는 아무것도 로 채워질 수 있습니다., 우리가 다음 예제에서 활용 거 야: 당신이 볼 수 있듯이, 난 단순히 인터페이스의 하단에 버튼 세트를 추가 했습니다. 처음 두 개는 컨트롤의 이전 또는 다음 탭을 선택하고 마지막 탭은 스크린샷에 설명된 대로 현재 선택한 탭에 대한 정보를 표시합니다. . TabControl은 .NET 프레임워크의 일부로 제공되는 또 다른 WPF 레이아웃 컨트롤입니다. 여러 컨트롤 그룹을 작성할 수 있는 직사각형 영역을 만듭니다.

각 그룹은 기본 컨트롤의 가장자리를 따라 좁은 영역인 탭 스트립 내에서 인덱스 카드 구분선에 있는 탭 섹션과 유사한 탭으로 표시됩니다. . Selector가 SelectItem을 항목 속성의 현재 항목과 동기화된 상태로 유지할지 여부를 나타내는 값을 가져옵니다. TabItem 개체의 내용을 문자열로 표시하는 경우 서식을 지정하는 복합 문자열을 가져옵니다. . . . 레이아웃 반올림을 레이아웃 중에 이 요소의 크기와 위치에 적용할지 여부를 나타내는 값을 가져옵니다. 지정된 항목을 표시하는 데 사용되는 요소를 만들거나 식별합니다. 두 시각적 개체 간의 부모-자식 관계를 정의합니다. 지정된 종속성 속성의 값을 강제 변환합니다.