Partilhar via

Fornecer sua próprias Explorer: Trabalhando com controles TreeView

  • Artigo

Você pode criar uma interface de aplicativo para que ele funcione como Windows Explorer usando um controle TreeView.O lado esquerdo da interface pode exibir uma hierarquia de nós (semelhante a um diretório do Windows que ramifica das pastas pai para as pastas filho). O lado direito pode exibir os itens associados com os nós.Por exemplo, você pode adicionar um controle TreeView que exibe um nó para cada página Visual Basic Forum Web.Quando o usuário seleciona um nó, você pode exibir a página da Web correspondente em um controle WebBrowser.

Existem três tipos de nós: nós pai, nós filho e o nó raiz.O nó na parte superior da hierarquia é conhecido como o nó raiz.Qualquer nó que possui um ou mais nós diretamente abaixo na hierarquia é considerado um nó pai.Os nós que aparecem diretamente abaixo de outro nó na hierarquia são considerados nós filho.Quando você adiciona um nó filho, o nó pai automaticamente se torna recolhível e expansível.

Tente-o!

Criar um Explorer

  1. On the Arquivo menu, clicar Novo projeto.

    A caixa de diálogo New Project será exibida.

  2. Clique em Windows Forms Application e em seguida, clique em OK .

  3. Clique no formulário e altere as propriedades a seguir na janela Properties.

    Propriedade

    Valor

    Texto

    Forum Explorer

    Size (Tamanho)

    764, 564

  4. Adicione um controle TreeView ao formulário e, em seguida, altere as seguintes propriedades na janela Properties.

    Propriedade

    Valor

    Dock

    À esquerda

    Size (Tamanho)

    190, 530

  5. Clique na propriedade Nodes e, em seguida, clique no botão ellipsis (...) próximo a ela para abrir o Tree Node Editor.

  6. clicar Adicionar raiz in the Editor de nó de árvoree, em seguida, altere o Texto propriedade do nó raiz nos fóruns do Visual Basic.

  7. Clique em Add Child três vezes para adicionar três nós filho ao nó raiz e, em seguida, altere a propriedade Text para cada nó, conforme mostrado na tabela a seguir.

    Node

    Valor

    Node1

    Visual Basic Express Edition

    Node2

    Visual Basic IDE

    Node3

    Visual Basic Language

  8. Clique em OK.

  9. Adicione um controle WebBrowser ao formulário.

    Por padrão, o controle WebBrowser preenche o espaço restante no formulário.

  10. Clique duas vezes no controle TreeView para entrar no manipulador de eventos padrão do Editor de Códigos.

  11. Adicione o seguinte código para o manipulador de eventos TreeView1_AfterSelect.Esse código determina o texto do nó selecionado e, em seguida, exibe a página da Web correspondente no controle WebBrowser.

    Observação:

    Este exemplo usa um vínculo progressivo, um link que usa um Sistema de redirecionamento de URL que a Microsoft usa para evitar links desatualizados, mas você também pode usar o URL da página da Web que você deseja exibir.

    		 
    Select Case e.Node.Text
    Case "Visual Basic Forums"
        WebBrowser1.Navigate("https://go.microsoft.com/" _
            & "fwlink/?LinkID=82999")
    Case "Visual Basic Express Edition"
        WebBrowser1.Navigate("https://go.microsoft.com/" _
            & "fwlink/?LinkID=82994")
    Case "Visual Basic IDE"
        WebBrowser1.Navigate("https://go.microsoft.com/" _
            & "fwlink/?LinkID=82996")
    Case "Visual Basic Language"
        WebBrowser1.Navigate("https://go.microsoft.com/" _
            & "fwlink/?LinkID=82997")
End Select

  12. Pressione F5 para executar a página.

    Quando o formulário aparecer, o fórum principal da página da Web para Visual Basic será exibida.

  13. Clique no sinal mais (+) perto do nó raiz e, em seguida, clique nos nós filho para exibir as páginas da Web correspondentes.

Próximas etapas

Nesta lição, você aprendeu a usar um controle TreeView para criar um aplicativo que funciona como o Windows Explorer.

Na próxima seção, você aprenderá opcionalmente outra maneira de criar a aparência visual de um aplicativo baseado no Windows usando o Windows Presentation Foundation (WPF).Se você quiser ignorar essa seção, você pode ir para a lição O que deu errado? Localizando e corrigindo erros por meio de depuração e saiba como usar o Visual Basic ferramentas para localizar e corrigir erros (normalmente denominados bugs) em um programa.

Próxima Lesson: Criando a aparência do seu programa Visual: Introdução ao Windows Presentation Foundation

Consulte também

Referência

Exibição em Árvore Controlar Overview (Windows Forms)

Outros recursos

Criando a aparência do seu programa Visual: Introdução ao Windows Forms