Udostępnij za pośrednictwem


TabControl

TabControl wyświetla zawartość na dyskretnych stronach, do których uzyskujesz dostęp, wybierając odpowiednią kartę. TabControl służy jako kontener, który zarządza kolekcją obiektów TabItem. Każda z nich TabItem reprezentuje zarówno nagłówek karty z możliwością kliknięcia, jak i powiązaną ze sobą stronę zawartości.

Kontrolka TabControl z trzema kartami pokazującymi wybraną środkową kartę i wyświetlającą jej zawartość

Najważniejsze pojęcia

Kontrolki TabControl i TabItem współpracują ze sobą, aby utworzyć interfejs z kartami:

  • TabControl: służy jako kontener, który zarządza wyborem kart, układem i prezentacją. Obsługuje on interakcje użytkowników, takie jak klikanie kart i wyświetla zawartość aktualnie wybranej karty.
  • TabItem: oznacza pojedynczą zakładkę w kontrolce TabControl. Każdy element TabItem zawiera nagłówek (widoczny tekst karty lub zawartość) i zawartość (co jest wyświetlane po wybraniu karty).
  • Relacja: kolekcja TabControl Items zawiera obiekty TabItem. Po wybraniu elementu TabItem kontrolka TabControl wyświetla zawartość tego elementu i aktualizuje stan wizualizacji, aby pokazać, która karta jest aktywna.

Aby uzyskać szczegółowe informacje na temat poszczególnych kart, zobacz TabItem.

Style i szablony

W tej sekcji opisano style i szablony kontrolki TabControl . Możesz zmodyfikować wartość domyślną ControlTemplate , aby nadać kontrolce unikatowy wygląd. Aby uzyskać więcej informacji, zobacz Style i szablony — omówienie i Tworzenie szablonu dla kontrolki.

Właściwość zawartości

TabControl używa właściwości Items jako swojej właściwości content. Ta właściwość zawiera kolekcję TabItem obiektów reprezentujących poszczególne karty i powiązaną zawartość. Po dodaniu obiektów TabItem do tej kolekcji są one wyświetlane jako karty z możliwością wyboru w interfejsie TabControl.

Części

W poniższej tabeli wymieniono nazwane części kontrolki TabControl .

Część Typ Description
PART_SelectedContentHost ContentPresenter Obiekt, który pokazuje zawartość aktualnie wybranego TabItem.

Podczas tworzenia ControlTemplate dla TabControl, Twój szablon może zawierać ItemsPresenter w ScrollViewer. (Obiekt ItemsPresenter wyświetla każdy element w elemencie TabControl; ScrollViewer włącza przewijanie w kontrolce). Jeśli element ItemsPresenter nie jest bezpośrednim elementem podrzędnym elementu ScrollViewer, musisz nadać ItemsPresenter nazwę ItemsPresenter.

Stany wizualne

W poniższej tabeli wymieniono stany wizualizacji dla kontrolki TabControl .

Stan wizualny Nazwa grupy VisualStateGroup Description
Normal CommonStates Stan domyślny.
Disabled CommonStates Kontrolka jest wyłączona.
Prawidłowe StanyWalidacji Kontrolka używa klasy Validation, a dołączona właściwość jest Validation.HasError.
Nieprawidłowe skupienie StanyWalidacji Właściwość Validation.HasError wskazuje, że true kontrolka ma skupienie.
NieprawidłoweNieaktywne StanyWalidacji Właściwość Validation.HasError jest dołączona, gdy true kontrolka nie ma skupienia.

Zobacz także