TreeView

Dieser Artikel beschreibt die Verwendung des TreeView-Steuerelements, das von WPF bereitgestellt wird. Auf diesem Weg will ich Ihnen aufzeigen, wie man einen einfachen Tree, eine Vorlage und eine Bindung dazu erstellt. Dieser Bericht konzentriert sich hauptsächlich darauf, wie man Inhalte in einem Treeview anzeigt. Diese Vorstellung ist eine Abschrift aus dem folgenden Code Project Bericht. Basic Understanding of Tree View in WPF

Einfacher Datenbaum erstellen

Um einen einfachen Datenbaum zu erstellen benötigen man lediglich eine Treeview Komponente und etwas XAML Code.

  1. #XAML
  2. <TreeView>
  3. <TreeViewItem Header="North America">
  4. <TreeViewItem Header="USA"></TreeViewItem>
  5. <TreeViewItem Header="Canada"></TreeViewItem>
  6. <TreeViewItem Header="Mexico"></TreeViewItem>
  7. </TreeViewItem>
  8. <TreeViewItem Header="South America">
  9. <TreeViewItem Header="Argentina"></TreeViewItem>
  10. <TreeViewItem Header="Brazil"></TreeViewItem>
  11. <TreeViewItem Header="Uruguay"></TreeViewItem>
  12. </TreeViewItem>
  13. </TreeView>

Dieser Datenbaum lässt sich auch mit C# Code erstellen. Dazu muss ein Treeview mit einem Namen erstellt werden. An dieses benannte Treeview Objekt kann dann benutzt werden um weiter Treeviewitem hinzu zu fügen.

  1. #XAML
  2. <TreeView Name="tvMain">
  3. </TreeView>
  1. #C#
  2. TreeViewItem treeItem = null;
  3.  
  4. // North America
  5. treeItem = new TreeViewItem();
  6. treeItem.Header = "North America";
  7.  
  8. treeItem.Items.Add(new TreeViewItem() { Header = "USA" });
  9. treeItem.Items.Add(new TreeViewItem() { Header = "Canada" });
  10. treeItem.Items.Add(new TreeViewItem() { Header = "Mexico" });
  11.  
  12. tvMain.Items.Add(treeItem);

Angepasster Datenbaum erstellen

Wenn Sie einige andere Steuerelemente mit dem Inhalt z.B. Checkbox, Bild, etc. hinzufügen möchten, dann können Sie Ihren Baum ohne großen Aufwand gestalten. Sie müssen nur das HeaderTemplate des TreeViewItem anpassen. Sie können auch eine Klasse erstellen, die von TreeViewItem abgeleitet ist, und den Header entsprechend Ihren Anforderungen ändern.

  1. #XAML
  2. <TreeView>
  3.  
  4. </TreeView>

xxx Datenbaum erstellen

  1. #XAML
  2. <TreeView>
  3.  
  4. </TreeView>