Bindings für TreeView

  • WPF

Es gibt 2 Antworten in diesem Thema. Der letzte Beitrag () ist von Artentus.

    Bindings für TreeView

    Hallo zusammen.

    Ich beschäftige mich ja in letzter Zeit ein wenig mit WPF. Einfach Bindings bekomme ich inzwischen recht gut hin und MVVM hab ich soweit denke ich auch verstanden.
    Jetzt wollte ich mich aber mal an ein paar komplexere Sachen ranwagen und hab mir deshalb ein kleines Testprojekt angelegt. Ziel soll es ein einen ganz einfachen Explorer-Verschnitt zu erstellen, also links ein Treeview mit den Ordnern und rechts dann ein ListView für die Dateien.
    Ich hab mir auch schon ein Model erstellt, welches so aussieht:
    Spoiler anzeigen

    C-Quellcode

    1. namespace SimpleExplorer
    2. {
    3. public abstract class FileSystemTreeViewItem : INotifyPropertyChanged
    4. {
    5. bool expanded;
    6. FileSystemTreeViewItem[] childItems;
    8. public bool Expanded
    9. {
    10. get
    11. {
    12. return expanded;
    13. }
    14. set
    15. {
    16. expanded = value;
    17. if (value) OnExpand();
    18. }
    19. }
    21. public abstract DirectoryInfo Directory { get; }
    23. public FileSystemTreeViewItem[] ChildItems
    24. {
    25. get
    26. {
    27. return childItems;
    28. }
    29. protected set
    30. {
    31. childItems = value;
    32. if (PropertyChanged != null)
    33. PropertyChanged(this, new PropertyChangedEventArgs("ChildItems"));
    34. }
    35. }
    37. protected abstract void OnExpand();
    39. public event PropertyChangedEventHandler PropertyChanged;
    40. }
    42. public class DriveTreeViewItem : FileSystemTreeViewItem
    43. {
    44. DriveInfo drive;
    45. DirectoryInfo directory;
    47. public static DriveTreeViewItem[] GetDrives()
    48. {
    49. return DriveInfo.GetDrives().Select(item => new DriveTreeViewItem(item)).ToArray();
    50. }
    52. private DriveTreeViewItem(DriveInfo drive)
    53. {
    54. this.drive = drive;
    55. directory = drive.RootDirectory;
    56. ChildItems = new[] { new EmptyTreeViewItem() };
    57. }
    59. public override DirectoryInfo Directory
    60. {
    61. get { return directory; }
    62. }
    64. protected override void OnExpand()
    65. {
    66. if (drive.IsReady)
    67. ChildItems = directory.EnumerateDirectories().Select(item => new DirectoryTreeViewItem(item)).ToArray();
    68. else
    69. ChildItems = new FileSystemTreeViewItem[0];
    70. }
    71. }
    73. public class DirectoryTreeViewItem : FileSystemTreeViewItem
    74. {
    75. DirectoryInfo directory;
    77. public DirectoryTreeViewItem(DirectoryInfo directory)
    78. {
    79. this.directory = directory;
    80. ChildItems = new[] { new EmptyTreeViewItem() };
    81. }
    83. public override DirectoryInfo Directory
    84. {
    85. get { return directory; }
    86. }
    88. protected override void OnExpand()
    89. {
    90. ChildItems = directory.EnumerateDirectories().Select(item => new DirectoryTreeViewItem(item)).ToArray();
    91. }
    92. }
    94. public class EmptyTreeViewItem : FileSystemTreeViewItem
    95. {
    96. public override DirectoryInfo Directory
    97. {
    98. get { return null; }
    99. }
    101. protected override void OnExpand() { }
    102. }
    103. }

    Und ein passendes ViewModel hab ich auch schon:
    Spoiler anzeigen

    C-Quellcode

    1. public class MainViewModel : INotifyPropertyChanged
    2. {
    3. static MainViewModel instance;
    4. FileSystemTreeViewItem[] treeViewItems;
    6. public static MainViewModel Instance
    7. {
    8. get
    9. {
    10. return instance ?? (instance = new MainViewModel());
    11. }
    12. }
    14. private MainViewModel()
    15. {
    16. TreeViewItems = DriveTreeViewItem.GetDrives();
    17. }
    19. public FileSystemTreeViewItem[] TreeViewItems
    20. {
    21. get
    22. {
    23. return treeViewItems;
    24. }
    25. private set
    26. {
    27. treeViewItems = value;
    28. if (PropertyChanged != null)
    29. PropertyChanged(this, new PropertyChangedEventArgs("TreeViewItems"));
    30. }
    31. }
    33. public event PropertyChangedEventHandler PropertyChanged;
    34. }
    Das ViewModel ist dem MainWindow bereits als DataContext zugewiesen.

    Mein Problem ist jetzt der XAML-Code. Alles, was ich bis jetzt geschafft habe, ist das hier:
    Spoiler anzeigen

    XML-Quellcode

    1. <Window x:Class="SimpleExplorer.MainWindow"
    2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    4. xmlns:local="clr-namespace:SimpleExplorer"
    5. Title="MainWindow" Height="350" Width="525"
    6. DataContext="{x:Static local:MainViewModel.Instance}">
    7. <Window.Resources>
    8. <HierarchicalDataTemplate x:Key="ExplorerTreeViewTemplate" DataType="{x:Type local:FileSystemTreeViewItem}" ItemsSource="{Binding ChildItems}">
    9. <StackPanel>
    10. <TextBlock Text="{Binding Directory.Name}"/>
    11. </StackPanel>
    12. </HierarchicalDataTemplate>
    13. </Window.Resources>
    14. <Grid>
    15. <Grid.ColumnDefinitions>
    16. <ColumnDefinition Width="*"/>
    17. <ColumnDefinition Width="*"/>
    18. </Grid.ColumnDefinitions>
    19. <TreeView Grid.Column="0" ItemTemplate="{StaticResource ExplorerTreeViewTemplate}" ItemsSource="{Binding TreeViewItems}">
    21. </TreeView>
    22. <ListView Grid.Column="1">
    24. </ListView>
    25. </Grid>
    26. </Window>

    So werden mir schonmal die Laufwerke angezeigt, auch mit dem Dummyknoten darin. Allerdings habe ich Probleme, darauf zu reagieren, wenn ein Knoten erweitert wurde. Ich möchte die Expanded-Eigenschaft jedes TreeViewItems an die Expanded-Eigenschaft des zugehörigen FileSystemTreeViewItem-Objekts binden, ich weiß aber nicht wie.
    Hat da jemand ne Idee? Kann doch eigentlich nicht so schwer sein.

    Binding-Picking im Xaml-Editor ist am Beispiel Directory-TreeView demonstriert.

    Viewmodels dazu sind viele verschiedene denkbar. Ich gebe mir Mühe, den belegten Speicher möglichst zu minimieren.
    Etwa, indem ich nicht in jedem Knoten ein BackingField hinterlege für die IsSelected-Property, sondern ich leite die IsSelected-Property auf ein Dictionary der selektierten Knoten, und wenn mein Knoten drinne ist, dann Is Selected.
    Inzwischen würde ich da noch viel weiter-konzipieren, etwa nicht-expandete Knoten wieder freigeben und Zeugs.
    Man muß aber auch überlegen, wozu mans braucht.
    Etwa ein DateiBrowser, der tagelang läuft, der würde sich mit der Zeit mit einer Riesen-Menge Knoten belasten. Hingegen bei sonem FolderBrowser-Dialog, der geöffnet, und dann wieder geschlossen wird - da isses eiglich nicht so wesentlich.

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von „ErfinderDesRades“ ()

    Danke vielmals.
    Ich musste einfach

    XML-Quellcode

    1. <TreeView.ItemContainerStyle>
    2. <Style TargetType="{x:Type TreeViewItem}">
    3. <Setter Property="IsExpanded" Value="{Binding Expanded, Mode=TwoWay}" />
    4. </Style>
    5. </TreeView.ItemContainerStyle>
    einfügen.

Facebook
Telefonspende