Partilhar via


Como: Adicionar itens da guia a um TabControl

O Windows Presentation Foundation (WPF) TabControl classe contém vários itens da guia que compartilham o mesmo espaço na tela. Começando a partir de Visual Studio 2008 serviço empacotar 1, a experiência de design para o TabControl foi alterado. Em time de design, você pode adicionar itens da guia a um TabControl no WPF Designer. Este tópico aborda três maneiras que você pode adicionar itens de guia para um TabControl.

Usando o criador

Você pode adicionar um item da guia a um TabControl clicando com o botão direito do mouse na área de design.

Para adicionar itens de guia a um TabControl usando o designer

  1. No WPF Designer, selecionar um TabControl.

  2. Na parte superior do TabControl, clicar com o botão direito do mouse em um TabItem.

  3. selecionar Adicionar guia no menu de contexto.

    Um novo TabItem é adicionado à TabControl.

Observação:

Por padrão, a WPF Designer usa um Grid sistema autônomo raiz contêiner o guia do item. Se você precisar de um contêiner raiz diferente, você pode excluir o Grid e adicione um contêiner diferente, por exemplo, um DockPanel controle.

Usando o Editor da coleção

Você também pode adicionar itens da guia para um TabControl usando o editor de coleção. Quando você usar o editor de coleção para configurar guia itens, modo de exibição de Design e exibição XAML são atualizados automaticamente.

Para adicionar itens da guia para um TabControl usando o editor de coleção

  1. No WPF Designer, selecionar um TabControl.

  2. Na janela Properties,localize a propriedade Items e clique no botão de reticências na coluna valor da propriedade.

    O Editor de coleção caixa de diálogo aparece.

  3. clicar Adicionar para adicionar um novo item da guia.

  4. (Opcional) conjunto propriedades do item da guia.

  5. (Opcional) Repetir as etapas 3 e 4 para adicionar mais itens da guia.

  6. Clique em OK para fechar o Editor de coleção e retornar para a WPF Designer.

Usando o Editor XAML livre

Você também pode adicionar itens da guia para um TabControl manualmente, digitando no editor XAML. O modo de modo de exibição de Design é atualizado automaticamente com os novos itens de guia.

Para adicionar itens de guia a um TabControl usando o editor XAML

  1. No Editor do XAML, localize um elemento TabControl.

  2. Adicione um elemento TabItem como um filho do elemento TabControl.O código deve ser semelhante ao seguinte:

    <TabControl Name="tabControl1">
        <TabItem Header="tabItem1" />
    </TabControl>
    

Consulte também

Referência

TabControl

TabItem

Outros recursos

Controles contêiner