Como criar uma interface do usuário com vários painéis com o Windows Forms usando o designer

No procedimento a seguir, você vai criar uma interface do usuário com vários painéis semelhante à que é usada no Microsoft Outlook, com uma lista Pasta, um painel Mensagens e um painel Visualização. Essa organização é obtida principalmente por meio de controles de encaixe com o formulário.

Ao encaixar um controle, você determina a qual borda do contêiner pai um controle é fixado. Assim, se você definir a propriedade como Right, a Dock borda direita do controle será encaixada na borda direita de seu controle pai. Além disso, a borda encaixada do controle será redimensionada para corresponder à borda de sua caixa de controles. Para obter mais informações sobre como a Dock propriedade funciona, consulte Como: Controles de dock no Windows Forms.

Este procedimento se concentra em organizar o e os outros controles no formulário, não em adicionar funcionalidade para fazer o aplicativo imitar o SplitContainer Microsoft Outlook.

Para criar essa interface do usuário, coloque todos os controles dentro de um controle, que contém um SplitContainerTreeView controle no painel esquerdo. O painel direito do controle contém um segundo SplitContainer controle com um controle acima de SplitContainer um ListViewRichTextBox controle. Esses SplitContainer controles permitem o redimensionamento independente dos outros controles no formulário. Você pode adaptar as técnicas neste procedimento para criar interfaces do usuário personalizadas.

Para criar uma interface do usuário no estilo Outlook no tempo de design

1. Crie um novo projeto de aplicativo do Windows (arquivo>, novo projeto>,>Visual C# ou Visual Basic>Classic Desktop>Windows Forms Application).

2. Arraste um SplitContainer controle da Caixa de Ferramentas para o formulário. Na janela Propriedades, defina a propriedade Dock como Fill.

3. Arraste um TreeView controle da Caixa de Ferramentas para o painel esquerdo do SplitContainer controle. Na janela Propriedades, defina a propriedade como Left clicando no painel esquerdo no editor de valores mostrado quando a Dock seta para baixo é clicada.

4. Arraste outro SplitContainer controle da Caixa de Ferramentas, coloque-o no painel direito do SplitContainer controle que você adicionou ao formulário. Na janela Propriedades, defina a propriedade como e a DockOrientation propriedade como FillHorizontal.

5. Arraste um ListView controle da Caixa de Ferramentas para o painel superior do segundo SplitContainer controle adicionado ao formulário. Defina a DockListView propriedade do controle como Fill.

6. Arraste um RichTextBox controle da caixa de ferramentas para o painel inferior do segundo SplitContainer controle. Defina a DockRichTextBox propriedade do controle como Fill.

   Neste ponto, se você pressionar F5 para executar o aplicativo, o formulário exibirá uma interface do usuário de três partes, semelhante àquela do Microsoft Outlook.

   Observação

   Quando você coloca o ponteiro do mouse sobre qualquer um dos divisores dentro dos SplitContainer controles, você pode redimensionar as dimensões internas.

Neste ponto no desenvolvimento de aplicativos, você criou uma interface do usuário sofisticada. O próximo passo é prosseguir com a programação do aplicativo em si, talvez conectando o controle e ListView os TreeView controles a algum tipo de fonte de dados. Para obter mais informações sobre como conectar controles a dados, consulte Vinculação de dados e Windows Forms.

Confira também

• SplitContainer
• Controle SplitContainer