Compartilhar via


Como: Adicionar itens de guia a um TabControl

A Windows Presentation Foundation (WPF) TabControl classe contém vários itens da guia que compartilham o mesmo espaço na tela. Em tempo de design, você pode adicionar itens de guia para uma TabControl na WPF Designer. Este tópico aborda três maneiras que você pode adicionar itens de guia para uma TabControl.

Using the Designer

Você pode adicionar um item do guia para uma TabControl pela direita-clicando na superfície de design.

Para adicionar itens de guia para um TabControl usando o designer

  1. No WPF Designer, selecione um TabControl.

  2. Na parte superior a TabControl, à direita clique de-um TabItem.

  3. Selecione guiaAdicionar nomenude contexto.

    Uma nova TabItem é adicionado para o TabControl.

ObservaçãoObservação

Por padrão, o WPF Designer usa um Grid como raizde guia itemdocontêiner. Se você precisar de umcontêinerde raizde diferentes, você pode excluir o Grid e adicionar um contêinerdiferente, por exemplo, um DockPanel de controle.

Using the Collection Editor

Você também pode adicionar itens de guia para uma TabControl usando oeditorde coleção. Ao usar oeditor de coleçãopara configurar os itens da guia, modo de exibição de Design e XAML são atualizados automaticamente.

Para adicionar itens de guia para um TabControl, usando oeditorde coleção

  1. No WPF Designer, selecione um TabControl.

  2. In the Properties window, locate the Items property, and click the ellipsis button in the property value column.

    The Collection Editor dialog box appears.

  3. Clique em Adicionar para adicionar um novo itemde guia.

  4. (Opcional) Defina as propriedades do itemde guia.

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

  6. Click OK to close the Collection Editor and return to the WPF Designer.

Usando o modo de exibição XAML

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

Para adicionar itens de guia para um TabControl usando o modo de exibição XAML

  1. No modo de exibição XAML , localize um TabControl elemento.

  2. Add a TabItem element as a child of the TabControl element. A marcação deve ser semelhante ao seguinte:

    <TabControl Name="tabControl1" Height="100" Width="200">
        <TabItem Header="tabItem1" Name="tabItem1">
        </TabItem>
    </TabControl>
    

Consulte também

Referência

TabControl

TabItem

Outros recursos

Controles contêiner