Introdução ao TreeView

O controle TreeView permitia exibir dados hierárquicos, com cada parte dos dados representada por um nó na árvore. Cada nó pode ter nós filhos e os nós filhos podem ter nós filhos e assim por diante. Se você já usou o Windows Explorer, também sabe como é um TreeView - é o controle que mostra a estrutura de pastas atual em sua máquina, na parte esquerda da janela do Windows Explorer.

TreeView no WPF vs. WinForms

Se você já trabalhou com o controle TreeView no WinForms, você pode pensar no controle TreeView como um que é fácil de usar, mas difícil de personalizar. No WPF é um pouco diferente, pelo menos para novatos: parece um pouco complicado começar, mas é muito mais fácil de personalizar. Assim como a maioria dos outros controles do WPF, o TreeView fica quase sem aparência quando você inicia, mas ele pode ser estilizado quase infinitamente sem muito esforço.

Assim como com o controle ListView, o controle TreeView tem seu próprio tipo de item, o TreeViewItem, que você pode usar para preencher o TreeView. Se você vem do mundo do WinForms, você provavelmente começará gerando TreeViewItem e adicionando-os à propriedade Items, e isso é realmente possível. Mas como esse é o WPF, a maneira preferida é ligar o TreeView a uma estrutura de dados hierárquica e, em seguida, usar um modelo apropriado para renderizar o conteúdo.

Mostraremos a você como fazer as duas coisas, e embora a boa e antiga maneira inspirada do WinForms possa parecer uma escolha fácil no início, você deve definitivamente experimentar o WPF - a longo prazo, oferece mais flexibilidade e vai se encaixar melhor com o resto do código WPF que você escreve.

Resumo

O WPF TreeView é de fato um controle complexo. No primeiro exemplo, no qual vamos nos aprofundar no próximo capítulo, pode parecer simples, mas quando você se aprofundar, verá a complexidade. Felizmente, o controle TreeView WPF recompensa você com grande facilidade de uso e flexibilidade. Para mostrar a todos eles, dedicamos uma categoria inteira a todos os artigos do TreeView. Clique no próximo para começar.