TabControl

Mostra TabControl o conteúdo em páginas discretas que acedes selecionando o separador apropriado. O TabControl serve como um contentor que gere uma coleção de TabItem objetos. Cada um TabItem representa tanto o cabeçalho do separador clicável como a sua página de conteúdo associada.

Um TabControl com três separadores mostrando o separador do meio selecionado e exibindo o seu conteúdo

Conceitos-chave

Os controlos TabControl e TabItem funcionam em conjunto para criar uma interface separada:

  • TabControl: Funciona como o contentor que gere a seleção de separadores, o layout e a apresentação. Gere as interações do utilizador, como clicar em separadores, e exibe o conteúdo do separador atualmente selecionado.
  • TabItem: Representa uma aba individual dentro do TabControl. Cada TabItem contém um cabeçalho (o texto ou conteúdo do separador visível) e conteúdo (o que aparece quando seleciona o separador).
  • Relação: A coleção do Items TabControl contém objetos TabItem. Quando seleciona um TabItem, o TabControl mostra o conteúdo desse item e atualiza o estado visual para mostrar qual separador está ativo.

Para informações detalhadas sobre separadores individuais, consulte TabItem.

Estilos e modelos

Esta secção descreve os estilos e modelos para o TabControl controle. Podes modificar o padrão ControlTemplate para dar ao controlo uma aparência única. Para mais informações, consulte Visão geral de Estilos e modelos e Criar um modelo para um controlo.

Propriedade de conteúdo

Utiliza a TabControl propriedade Items como sua propriedade de conteúdo. Esta propriedade contém a coleção de objetos TabItem que representam os separadores individuais e todo o conteúdo associado. Quando adiciona objetos TabItem a esta coleção, eles aparecem como guias selecionáveis na interface do TabControl.

Partes

A tabela seguinte lista as partes nomeadas para o TabControl controlo.

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

Quando cria um ControlTemplate para um TabControl, o seu modelo pode conter um ItemsPresenter dentro de um ScrollViewer. (O ItemsPresenter exibe cada item no TabControl; o ScrollViewer permite deslocar-se dentro do controlo). Se o ItemsPresenter não for filho direto do ScrollViewer, deve dar ao ItemsPresenter o nome ItemsPresenter.

Estados visuais

A tabela seguinte lista os estados visuais do TabControl controlo.

Nome VisualState Nome VisualStateGroup Description
Normal Estados Comuns O estado padrão.
Disabled Estados Comuns O controlo está desativado.
Válido Estados de Validação O controlo usa a Validation classe e a Validation.HasError propriedade associada é false.
FocadoInválido Estados de Validação A Validation.HasError propriedade anexa indica se o controlo tem foco.
InvalidUnfocused Estados de Validação A propriedade Validation.HasError anexada indica que true o controlo não tem foco.

Consulte também

  • Última atualização a