Partager via


TabControl

Le TabControl contenu s’affiche sur les pages discrètes auxquelles vous accédez en sélectionnant l’onglet approprié. TabControl sert de conteneur qui gère une collection d’objets TabItem . Chacun TabItem représente l’en-tête d’onglet cliquable et sa page de contenu associée.

TabControl avec trois onglets affichant l’onglet central sélectionné et affichant son contenu

Concepts clés

Les contrôles TabControl et TabItem fonctionnent ensemble pour créer une interface à onglets :

  • TabControl : agit comme conteneur qui gère la sélection, la disposition et la présentation des onglets. Il gère les interactions utilisateur telles que cliquer sur des onglets et affiche le contenu de l’onglet actuellement sélectionné.
  • TabItem : représente un onglet individuel dans TabControl. Chaque TabItem contient un en-tête (le texte ou le contenu de l’onglet visible) et le contenu (qui s’affiche lorsque vous sélectionnez l’onglet).
  • Relation : la collection de Items TabControl contient des objets TabItem. Lorsque vous sélectionnez un Objet TabItem, tabControl affiche le contenu de cet élément et met à jour l’état visuel pour afficher l’onglet actif.

Pour plus d’informations sur les onglets individuels, consultez TabItem.

Styles et modèles

Cette section décrit les styles et les modèles du TabControl contrôle. Vous pouvez modifier la valeur par défaut ControlTemplate pour donner au contrôle une apparence unique. Pour plus d’informations, consultez Vue d’ensemble des styles et des modèles et Créer un modèle pour un contrôle.

Content, propriété

La TabControl propriété utilise la Items propriété comme propriété de contenu. Cette propriété contient la collection d’objets TabItem qui représentent les onglets individuels et leur contenu associé. Lorsque vous ajoutez des objets TabItem à cette collection, ils apparaissent sous forme d’onglets sélectionnables dans l’interface TabControl.

Pièces

Le tableau suivant répertorie les parties nommées du TabControl contrôle.

Composant Type Descriptif
PART_SelectedContentHost ContentPresenter Objet qui affiche le contenu de l’objet actuellement sélectionné TabItem.

Lorsque vous créez un ControlTemplate pour un modèle TabControl, votre modèle peut contenir un ItemsPresenter dans un ScrollViewer. (Affiche ItemsPresenter chaque élément dans le TabControl; la fonction ScrollViewer active le défilement du contrôle). Si ce ItemsPresenter n’est pas l’enfant direct du ScrollViewer, vous devez donner au ItemsPresenter le nom ItemsPresenter.

États visuels

Le tableau suivant répertorie les états visuels du TabControl contrôle.

Nom VisualState Nom du VisualStateGroup Descriptif
Normale CommonStates État par défaut.
Disabled CommonStates Le contrôle est désactivé.
Valide ValidationStates Le contrôle utilise la Validation classe et la Validation.HasError propriété jointe est false.
NonValideConcentré ValidationStates La Validation.HasError propriété jointe indique que le contrôle a le focus true.
InvalideNonFocalisé ValidationStates La propriété Validation.HasError attachée est que true le contrôle n’a pas le focus.

Voir aussi