Partilhar via

Como: Criar uma interface de usuário multipainel com Windows Forms usando o Designer

  • Artigo

No procedimento a seguir, você criará uma interface de usuário com vários painéis semelhante à usada no Microsoft Outlook, com uma lista Pasta , um painel Mensagens e um painel Visualização . Este arranjo é conseguido principalmente através de controles de acoplamento com o formulário.

Ao encaixar um controle, você determina a qual borda do contêiner pai um controle está fixado. Assim, se você definir a propriedade Dock como Right, a borda direita do controle será encaixada na borda direita de seu controle pai. Além disso, a borda encaixada do controle é redimensionada para corresponder à de seu controle de contêiner. Para obter mais informações sobre como a propriedade Dock funciona, consulte Como: Controles de dock no 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 de usuário, você coloca todos os controles dentro de 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 permitem o redimensionamento independente dos outros controles no formulário. Você pode adaptar as técnicas neste procedimento para criar interfaces de usuário personalizadas por conta própria.

Para criar uma interface de utilizador ao estilo do Outlook durante o 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 controle SplitContainer do Caixa de Ferramentas para o formulário. Na janela Propriedades, defina a propriedade Dock como Fill.

  3. Arraste um controle do Caixa de Ferramentas para o painel esquerdo do controle . Na janela Propriedades, defina a propriedade Dock como Left clicando no painel esquerdo do editor de valores exibido ao clicar na seta para baixo.

  4. Arraste outro controlo de SplitContainer da toolbox; coloque-o no painel direito do controlo SplitContainer que adicionou ao seu formulário. Na janela Propriedades, defina a propriedade Dock como Fill e a propriedade Orientation como Horizontal.

  5. Arraste um controle do Caixa de Ferramentas para o painel superior do segundo controle que você adicionou ao formulário. Defina a propriedade Dock do controle ListView como Fill.

  6. Arraste um controlo RichTextBox da Caixa de Ferramentas para o painel inferior do segundo controlo SplitContainer. Defina a propriedade Dock do controle RichTextBox como Fill.

    Neste ponto, se você pressionar F5 para executar o aplicativo, o formulário exibe uma interface de 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 do desenvolvimento de aplicativos, você criou uma interface de usuário sofisticada. O próximo passo é prosseguir com a programação do próprio aplicativo, talvez conectando o controle TreeView e os controles ListView 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.

Ver também