TabControl

O TabControl exibe conteúdo em páginas discretas que você acessa selecionando a guia apropriada. O TabControl serve como um contêiner que gerencia uma coleção de TabItem objetos. Cada TabItem representa o cabeçalho de guia clicável e a sua página de conteúdo associada.

Um TabControl com três guias mostrando a guia intermediária selecionada e exibindo seu conteúdo

Conceitos principais

Os controles TabControl e TabItem funcionam juntos para criar uma interface de abas:

  • TabControl: atua como o contêiner que gerencia a seleção, o layout e a apresentação da guia. Ele lida com interações do usuário, como clicar em guias e exibe o conteúdo da guia selecionada no momento.
  • TabItem: representa uma guia individual dentro do TabControl. Cada TabItem contém um cabeçalho (o texto da guia visível ou conteúdo) e conteúdo (o que é exibido quando você seleciona a guia).
  • Relação: a coleção TabControl Items contém objetos TabItem. Quando você seleciona um TabItem, o TabControl exibe o conteúdo desse item e atualiza o estado visual para mostrar qual guia está ativa.

Para obter informações detalhadas sobre as guias individuais, consulte TabItem.

Estilos e modelos

Esta seção descreve os estilos e modelos do TabControl controle. Você pode modificar o padrão ControlTemplate para dar ao controle uma aparência exclusiva. Para obter mais informações, consulte a visão geral de estilos e modelos e crie um modelo para um controle.

Propriedade de conteúdo

TabControl usa a propriedade Items como sua propriedade de conteúdo. Essa propriedade contém a coleção de TabItem objetos que representam as guias individuais e seu conteúdo associado. Quando você adiciona objetos TabItem a essa coleção, eles aparecem como guias selecionáveis na interface TabControl.

Partes

A tabela a seguir lista as partes nomeadas para o TabControl controle.

Parte Tipo Description
PART_SelectedContentHost ContentPresenter O objeto que mostra o conteúdo do TabItem atualmente selecionado.

Quando você cria um ControlTemplate para um TabControl, seu modelo pode conter um ItemsPresenter dentro de um ScrollViewer. (O ItemsPresenter exibe cada item no TabControl; o ScrollViewer habilita a rolagem dentro do controle). Se ItemsPresenter não for o filho direto do ScrollViewer, você deverá dar ao ItemsPresenter o nome ItemsPresenter.

Estados visuais

A tabela a seguir lista os estados visuais do TabControl controle.

Nome do VisualState Nome do VisualStateGroup Description
Normal CommonStates O estado padrão.
Disabled CommonStates O controle está desabilitado.
Válido ValidationStates O controle usa a Validation classe e a Validation.HasError propriedade anexada é false.
FocoInválido ValidationStates A Validation.HasError propriedade associada indica se o true controle está com foco.
InvalidUnfocused ValidationStates A propriedade anexada Validation.HasError indica que o controle true não tem foco.

Consulte também

  • Última atualização em