Como: Criar uma interface do usuário com múltiplas janelas com 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 Pré-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. Portanto, se você definir a propriedade Dock como Right, a borda direita do controle será encaixada na borda direita do controle pai correspondente. Além disso, a borda encaixada do controle será redimensionada para corresponder à borda do controle contêiner correspondente. Para obter mais informações sobre como a propriedade Dock funciona, consulte How to: Dock Controls on Windows Forms.

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

Para criar essa interface do usuário, você coloca todos os controles em um controle SplitContainer, que contém um controle TreeView no painel esquerdo. O painel direito do controle SplitContainer contém um segundo controle SplitContainer com um controle ListView acima de um controle RichTextBox. Esses controles SplitContainer habilitam o redimensionamento independente dos outros controles no formulário. Você pode adaptar as técnicas neste procedimento para criar suas próprias interfaces de usuário personalizadas.

Para criar uma interface de usuário ao estilo do Outlook durante a fase de design

1. Crie um projeto de Aplicativo do Windows (Arquivo>Novo>Projeto>Visual C# ou Visual Basic>Área de Trabalho Clássica>Aplicativo do Windows Forms).

2. Arraste um controle SplitContainer a partir da Caixa de ferramentas ao formulário. Na janela Propriedades, defina a propriedade Dock como Fill.

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

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

5. Arraste um controle ListView da caixa de ferramentas para o painel superior do segundo controle SplitContainer adicionado ao formulário. Defina a propriedade Dock do controle ListView para Fill.

6. Arraste um controle RichTextBox da caixa de ferramentas para o painel inferior do segundo controle SplitContainer. Defina a propriedade Dock do controle RichTextBox para 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 à do Microsoft Outlook.

   Observação

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

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

Consulte também

• SplitContainer
• Controle SplitContainer