Implement GridView support for having columns

src/MainDemo.Wpf/Trees.xaml

@@ -6,6 +6,7 @@
              xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
              xmlns:smtx="clr-namespace:ShowMeTheXAML;assembly=ShowMeTheXAML"
+             xmlns:converters="clr-namespace:MaterialDesignThemes.Wpf.Converters;assembly=MaterialDesignThemes.Wpf"
              d:DataContext="{d:DesignInstance domain:TreesViewModel}"
              d:DesignHeight="1080"
              d:DesignWidth="1920"
@@ -18,6 +19,8 @@
         <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.PopupBox.xaml" />
         <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.TextBlock.xaml" />
       </ResourceDictionary.MergedDictionaries>
+
+      <converters:TreeListViewIndentConverter x:Key="TreeListViewIndentConverter" />
     </ResourceDictionary>
   </UserControl.Resources>
 
@@ -214,9 +217,19 @@
                                      ItemsSource="{Binding TreeItems}"
                                      SelectedItem="{Binding SelectedTreeItem}">
             <materialDesign:TreeListView.Resources>
-              <HierarchicalDataTemplate DataType="{x:Type domain:TestItem}"
-                          ItemsSource="{Binding Items, Mode=OneTime}">
-                <TextBlock Margin="3,2" Text="{Binding Name, Mode=OneTime}" />
+              <HierarchicalDataTemplate DataType="{x:Type domain:TestItem}" ItemsSource="{Binding Items, Mode=OneTime}">
+                <StackPanel Orientation="Horizontal">
+                  <StackPanel.Margin>
+                    <MultiBinding Converter="{StaticResource TreeListViewIndentConverter}">
+                      <Binding Path="LevelIndentSize" RelativeSource="{RelativeSource FindAncestor, AncestorType={x:Type materialDesign:TreeListView}}" />
+                      <Binding Path="Level" RelativeSource="{RelativeSource AncestorType={x:Type materialDesign:TreeListViewItem}}" />
+                    </MultiBinding>
+                  </StackPanel.Margin>
+
+                  <ToggleButton IsChecked="{Binding RelativeSource={RelativeSource AncestorType=materialDesign:TreeListViewItem, Mode=FindAncestor}, Path=IsExpanded}" Style="{StaticResource MaterialDesignTreeListViewToggleButtonStyle}" />
+
+                  <TextBlock VerticalAlignment="Center" Text="{Binding Name, Mode=OneTime}" />
+                </StackPanel>
               </HierarchicalDataTemplate>
 
               <HierarchicalDataTemplate DataType="{x:Type domain:MovieCategory}"
@@ -231,19 +244,52 @@
               </DataTemplate>
             </materialDesign:TreeListView.Resources>
 
-            <!--
-            Because Data Virtualization is enabled on this tree view by default, if you don't bind the IsExpanded property to something in the bound view model,
-            you can loose the expanded state of items when the TreeListViewItem is recycled.
-
-            For more information:
-            https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/issues/3640#issuecomment-2274086113
-            https://learn.microsoft.com/dotnet/desktop/wpf/advanced/optimizing-performance-controls?view=netframeworkdesktop-4.8&WT.mc_id=DT-MVP-5003472
-            -->
+             <!--
+             Because Data Virtualization is enabled on this tree view by default, if you don't bind the IsExpanded property to something in the bound view model,
+             you can loose the expanded state of items when the TreeListViewItem is recycled.
+   
+             For more information:
+             https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/issues/3640#issuecomment-2274086113
+             https://learn.microsoft.com/dotnet/desktop/wpf/advanced/optimizing-performance-controls?view=netframeworkdesktop-4.8&WT.mc_id=DT-MVP-5003472
+             -->
             <materialDesign:TreeListView.ItemContainerStyle>
               <Style TargetType="materialDesign:TreeListViewItem" BasedOn="{StaticResource {x:Type materialDesign:TreeListViewItem}}">
                 <Setter Property="IsExpanded" Value="{Binding IsExpanded}" />
               </Style>
             </materialDesign:TreeListView.ItemContainerStyle>
+
+            <materialDesign:TreeListView.View>
+              <GridView>
+                <GridView.Columns>
+                  <GridViewColumn Width="250" Header="Name">
+                    <GridViewColumn.CellTemplate>
+                      <DataTemplate>
+                        <StackPanel Orientation="Horizontal">
+                          <StackPanel.Margin>
+                            <MultiBinding Converter="{StaticResource TreeListViewIndentConverter}">
+                              <Binding Path="LevelIndentSize" RelativeSource="{RelativeSource FindAncestor, AncestorType={x:Type materialDesign:TreeListView}}" />
+                              <Binding Path="Level" RelativeSource="{RelativeSource AncestorType={x:Type materialDesign:TreeListViewItem}}" />
+                            </MultiBinding>
+                          </StackPanel.Margin>
+
+                          <ToggleButton IsChecked="{Binding RelativeSource={RelativeSource AncestorType=materialDesign:TreeListViewItem, Mode=FindAncestor}, Path=IsExpanded}" Style="{StaticResource MaterialDesignTreeListViewToggleButtonStyle}" />
+
+                          <TextBlock VerticalAlignment="Center" Text="{Binding Name, Mode=OneTime}" />
+                        </StackPanel>
+                      </DataTemplate>
+                    </GridViewColumn.CellTemplate>
+                  </GridViewColumn>
+
+                  <GridViewColumn Width="100" Header="Count">
+                    <GridViewColumn.CellTemplate>
+                      <DataTemplate>
+                        <TextBlock VerticalAlignment="Center" Text="{Binding Items.Count, Mode=OneWay}" />
+                      </DataTemplate>
+                    </GridViewColumn.CellTemplate>
+                  </GridViewColumn>
+                </GridView.Columns>
+              </GridView>
+            </materialDesign:TreeListView.View>
           </materialDesign:TreeListView>
           <StackPanel Orientation="Horizontal" VerticalAlignment="Bottom" HorizontalAlignment="Right">
             <Button Command="{Binding AddListTreeItemCommand}"

src/MaterialDesignThemes.Wpf/Converters/ViewIsGridViewConverter.cs

@@ -0,0 +1,18 @@
+using System.Globalization;
+using System.Windows.Data;
+
+namespace MaterialDesignThemes.Wpf.Converters;
+
+internal class ViewIsGridViewConverter : IValueConverter
+{
+    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+    {
+        // Returns true if value is a GridView, otherwise false
+        return value is GridView;
+    }
+
+    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+    {
+        throw new NotSupportedException();
+    }
+}

src/MaterialDesignThemes.Wpf/Themes/MaterialDesignTheme.TreeListView.xaml

@@ -1,8 +1,9 @@
 <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                     xmlns:converters="clr-namespace:MaterialDesignThemes.Wpf.Converters"
-                    xmlns:wpf="clr-namespace:MaterialDesignThemes.Wpf"
-                    xmlns:internal="clr-namespace:MaterialDesignThemes.Wpf.Internal">
+                    xmlns:internal="clr-namespace:MaterialDesignThemes.Wpf.Internal"
+                    xmlns:wpf="clr-namespace:MaterialDesignThemes.Wpf">
+  <converters:ViewIsGridViewConverter x:Key="ViewIsGridViewConverter" />
 
   <Style x:Key="MaterialDesignTreeListViewToggleButtonStyle" TargetType="{x:Type ToggleButton}">
     <Setter Property="Background" Value="Transparent" />
@@ -78,6 +79,11 @@
               </Canvas>
             </Viewbox>
           </Border>
+          <ControlTemplate.Triggers>
+            <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType={x:Type wpf:TreeListViewItem}}, Path=HasItems}" Value="false">
+              <Setter Property="Visibility" Value="Hidden" />
+            </DataTrigger>
+          </ControlTemplate.Triggers>
         </ControlTemplate>
       </Setter.Value>
     </Setter>
@@ -105,12 +111,6 @@
       <Setter.Value>
         <ControlTemplate TargetType="{x:Type wpf:TreeListViewItem}">
           <Grid>
-            <Grid.Margin>
-              <MultiBinding Converter="{x:Static converters:TreeListViewIndentConverter.Instance}">
-                <Binding Path="LevelIndentSize" RelativeSource="{RelativeSource FindAncestor, AncestorType={x:Type wpf:TreeListView}}" FallbackValue="16" />
-                <Binding Path="Level" RelativeSource="{RelativeSource TemplatedParent}" />
-              </MultiBinding>
-            </Grid.Margin>
             <Grid.ColumnDefinitions>
               <ColumnDefinition Width="Auto" />
               <ColumnDefinition Width="Auto" />
@@ -164,15 +164,6 @@
                 <VisualState x:Name="Collapsed" />
               </VisualStateGroup>
             </VisualStateManager.VisualStateGroups>
-            <ToggleButton x:Name="Expander"
-                          Width="{TemplateBinding wpf:TreeViewAssist.ExpanderSize}"
-                          Height="{TemplateBinding wpf:TreeViewAssist.ExpanderSize}"
-                          Margin="8,0,8,0"
-                          VerticalAlignment="Center"
-                          ClickMode="Press"
-                          Foreground="{TemplateBinding Foreground}"
-                          IsChecked="{Binding IsExpanded, RelativeSource={RelativeSource TemplatedParent}}"
-                          Style="{StaticResource MaterialDesignTreeListViewToggleButtonStyle}" />
 
             <Border x:Name="MouseOverBorder"
                     Grid.Column="1"
@@ -198,8 +189,19 @@
                           VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                           Feedback="{TemplateBinding Foreground, Converter={x:Static converters:BrushRoundConverter.Instance}}"
                           Focusable="False"
+                          Foreground="{TemplateBinding Foreground}"
                           SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
-                <internal:TreeListViewContentPresenter x:Name="PART_ContentPresenter" ContentSource="Content" />
+                <Grid Margin="0,0,0,0">
+                  <internal:TreeListViewContentPresenter x:Name="PART_ContentPresenter"
+                                                         ContentSource="Content"
+                                                         Visibility="Visible" />
+
+                  <GridViewRowPresenter x:Name="PART_GridViewRowPresenterr"
+                                        Margin="{TemplateBinding Padding}"
+                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
+                                        Visibility="Collapsed" />
+                </Grid>
               </wpf:Ripple>
             </Grid>
 
@@ -219,9 +221,6 @@
             <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=(wpf:TreeViewAssist.AdditionalTemplateSelector), Converter={x:Static converters:NullableToVisibilityConverter.CollapsedInstance}, Mode=OneWay}" Value="Visible">
               <Setter TargetName="AdditionalContentControl" Property="Visibility" Value="Visible" />
             </DataTrigger>
-            <Trigger Property="HasItems" Value="false">
-              <Setter TargetName="Expander" Property="Visibility" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:TreeViewAssist.HasNoItemsExpanderVisibility)}" />
-            </Trigger>
             <Trigger Property="IsEnabled" Value="false">
               <Setter Property="Opacity" Value=".56" />
             </Trigger>
@@ -230,6 +229,10 @@
               <Setter TargetName="Ripple" Property="Feedback" Value="Transparent" />
               <Setter TargetName="SelectedBorder" Property="Visibility" Value="Collapsed" />
             </DataTrigger>
+            <DataTrigger Binding="{Binding View, RelativeSource={RelativeSource Self}, Converter={StaticResource ViewIsGridViewConverter}}" Value="True">
+              <Setter TargetName="PART_ContentPresenter" Property="Visibility" Value="Hidden" />
+              <Setter TargetName="PART_GridViewRowPresenterr" Property="Visibility" Value="Visible" />
+            </DataTrigger>
           </ControlTemplate.Triggers>
         </ControlTemplate>
       </Setter.Value>
@@ -245,6 +248,7 @@
     <Setter Property="BorderBrush" Value="{x:Null}" />
     <Setter Property="BorderThickness" Value="0" />
     <Setter Property="Foreground" Value="{DynamicResource MaterialDesign.Brush.Foreground}" />
+    <Setter Property="HorizontalContentAlignment" Value="Stretch" />
     <Setter Property="Padding" Value="1" />
     <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto" />
     <Setter Property="ScrollViewer.PanningMode" Value="Both" />
@@ -257,6 +261,7 @@
                   BorderThickness="{TemplateBinding BorderThickness}"
                   SnapsToDevicePixels="true">
             <ScrollViewer x:Name="PART_ScrollViewer"
+                          Style="{DynamicResource {x:Static GridView.GridViewScrollViewerStyleKey}}"
                           wpf:ScrollViewerAssist.IgnorePadding="{Binding Path=(wpf:ScrollViewerAssist.IgnorePadding), RelativeSource={RelativeSource TemplatedParent}}"
                           wpf:ScrollViewerAssist.PaddingMode="{Binding Path=(wpf:ScrollViewerAssist.PaddingMode), RelativeSource={RelativeSource TemplatedParent}}"
                           Padding="{TemplateBinding Padding}"

src/MaterialDesignThemes.Wpf/TreeListView.cs

@@ -6,7 +6,6 @@
 namespace MaterialDesignThemes.Wpf;
 
 //TODO: Implement bindable property for getting selected items
-//TODO: Implement GridView support for having columns
 public class TreeListView : ListView
 {
     public double LevelIndentSize