TabControl

De TabControl inhoud wordt weergegeven op afzonderlijke pagina's die u opent door het betreffende tabblad te selecteren. TabControl fungeert als een container die een verzameling TabItem objecten beheert. Elk TabItem vertegenwoordigt zowel de klikbare tabkop als de bijbehorende inhoudspagina.

Een TabControl met drie tabbladen waarop het middelste tabblad is geselecteerd en de inhoud ervan wordt weergegeven

Belangrijke concepten

De besturingselementen TabControl en TabItem werken samen om een interface met tabbladen te maken:

  • TabControl: fungeert als de container die tabselectie, indeling en presentatie beheert. Het verwerkt gebruikersinteracties, zoals klikken op tabbladen en geeft de inhoud van het geselecteerde tabblad weer.
  • TabItem: Vertegenwoordigt een afzonderlijk tabblad in TabControl. Elke TabItem bevat een koptekst (de zichtbare tabtekst of inhoud) en inhoud (wat wordt weergegeven wanneer u het tabblad selecteert).
  • Relatie: de verzameling van TabControl Items bevat TabItem-objecten. Wanneer u een TabItem selecteert, wordt in TabControl de inhoud van dat item weergegeven en wordt de visuele status bijgewerkt om weer te geven welk tabblad actief is.

Zie TabItem voor gedetailleerde informatie over afzonderlijke tabbladen.

Stijlen en sjablonen

In deze sectie worden de stijlen en sjablonen voor het TabControl besturingselement beschreven. U kunt de standaardinstelling ControlTemplate wijzigen om het besturingselement een uniek uiterlijk te geven. Zie het overzicht stijlen en sjablonen voor meer informatie en maak een sjabloon voor een besturingselement.

Inhoudseigenschap

De TabControl gebruikt de eigenschap Items als inhoudseigenschap. Deze eigenschap bevat de verzameling TabItem objecten die de afzonderlijke tabbladen en de bijbehorende inhoud vertegenwoordigen. Wanneer u TabItem-objecten aan deze verzameling toevoegt, worden ze weergegeven als selecteerbare tabbladen in de TabControl-interface.

Onderdelen

De volgende tabel bevat de benoemde onderdelen voor het TabControl besturingselement.

Onderdeel Typologie Description
PART_SelectedContentHost ContentPresenter Het object dat de inhoud toont van het momenteel geselecteerde TabItem.

Wanneer u een ControlTemplate voor een TabControl maakt, bevat uw sjabloon mogelijk een ItemsPresenter in een ScrollViewer. (ItemsPresenter geeft elk item in het TabControl weer; ScrollViewer maakt scrollen binnen het besturingselement mogelijk). Als het ItemsPresenter niet het directe kind van de ScrollVieweris, moet u de ItemsPresenter naam opgeven. ItemsPresenter

Visuele statussen

De volgende tabel bevat de visuele statussen voor het TabControl besturingselement.

VisualState-naam VisualStateGroup-naam Description
Normaal CommonStates De standaardstatus.
Disabled CommonStates Het besturingselement is uitgeschakeld.
Geldig Validatiestatussen Het besturingselement maakt gebruik van de Validation klasse en de Validation.HasError gekoppelde eigenschap is false.
Ongeldige focus Validatiestatussen De Validation.HasError gekoppelde eigenschap heeft true het besturingselement focus.
Ongeldige ongeconcentreerdheid Validatiestatussen De Validation.HasError gekoppelde eigenschap geldt wanneer true het besturingselement geen focus heeft.

Zie ook