devbox
你好赵伟
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

WPF中使用TreeView封装组合控件TreeView+DataGrid-粉丝专栏_wpf treegrid

作者：你好赵伟 | 2024-05-17 09:02:19

赞

踩

wpf treegrid

        wpf的功能非常强大，很多控件都是原生的，但是要使用TreeView+DataGrid的组合，就需要我们自己去封装实现。

我们需要的效果如图所示：

这2个图都是第三方控件自带的，并且都是收费使用。

现在我们就用原生的控件进行封装一个。

本文源码效果如下，（搞了好几天，的确有难度，所以源码也收费，便宜，赚点辛苦费）

功能如上图所示， 目前基本上把常用的样式都实现了，购买源码后，可以自行修改样式。

首先说明一下，实现上面的效果，有3种方法

第一种：技术的选择是TreeView（也就是本文的演示）。

第二种：技术的选择是DataGrid。

WPF中使用DataGrid封装组合控件TreeView+DataGrid-粉丝专栏-CSDN博客

第三种：技术的选择是ListView。

WPF中使用ListView封装组合控件TreeView+DataGrid-粉丝专栏-CSDN博客

本文演示的是使用TreeView的实现。

1.首先建立一个wpf程序

2. 封装TreeGrid

  1. namespace TreeView.TreeDataGrid.Controls
  2. {
  3.     //这里有一个骚操作，就是把引用放在里面
  4.     using System;
  5.     using System.Collections.Specialized;
  6.     using System.Windows;
  7.     using System.Windows.Controls;
  8.     using System.Windows.Data;
  9.     using System.Windows.Media;
  10.  
  11.     public class TreeGrid : TreeView
  12.     {
  13.         static TreeGrid()
  14.         {
  15.             DefaultStyleKeyProperty.OverrideMetadata(typeof(TreeGrid), new FrameworkPropertyMetadata(typeof(TreeGrid)));
  16.         }
  17.  
  18.         #region ColumnMappings DependencyProperty
  19.         public string ColumnMappings
  20.         {
  21.             get { return (string)GetValue(ColumnMappingsProperty); }
  22.             set { SetValue(ColumnMappingsProperty, value); }
  23.         }
  24.         public static readonly DependencyProperty ColumnMappingsProperty =
  25.                 DependencyProperty.Register("ColumnMappings", typeof(string), typeof(TreeGrid),
  26.                 new PropertyMetadata("", new PropertyChangedCallback(TreeGrid.OnColumnMappingsPropertyChanged)));
  27.  
  28.         private static void OnColumnMappingsPropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
  29.         {
  30.             if (obj is TreeGrid)
  31.             {
  32.                 (obj as TreeGrid).OnColumnMappingsValueChanged();
  33.             }
  34.         }
  35.  
  36.         protected void OnColumnMappingsValueChanged()
  37.         {
  38.             if (!string.IsNullOrEmpty(ColumnMappings))
  39.             {
  40.                 ResetMappingColumns(ColumnMappings);
  41.             }
  42.         }
  43.  
  44.         private void ResetMappingColumns(string mapping)
  45.         {
  46.             GridViewColumnCollection items = new GridViewColumnCollection();
  47.             var columns = mapping.Split(new char[] { ';', '|' }, StringSplitOptions.RemoveEmptyEntries);
  48.             foreach (var c in columns)
  49.             {
  50.                 var index = c.IndexOf(':');
  51.                 var title = "";
  52.                 var name = "";
  53.                 if (index > 0)
  54.                 {
  55.                     title = c.Substring(0, index);
  56.                     name = c.Substring(index + 1);
  57.                 }
  58.                 else
  59.                 {
  60.                     title = c;
  61.                     name = c;
  62.                 }
  63.  
  64.                 DataTemplate temp = null;
  65.                 var res = this.FindTreeResource<DataTemplate>(name);
  66.                 if (res != null && res is DataTemplate template)
  67.                 {
  68.                     temp = template;
  69.                 }
  70.                 else
  71.                 {
  72.                     temp = new DataTemplate();
  73.                     FrameworkElementFactory element = null;
  74.                     if (items.Count == 0)
  75.                     {
  76.                         element = new FrameworkElementFactory(typeof(TreeItemContentControl));
  77.                         element.SetValue(ContentControl.ContentProperty, new Binding(name));
  78.                     }
  79.                     else
  80.                     {
  81.                         element = new FrameworkElementFactory(typeof(TreeGridCell));
  82.                         element.SetValue(ContentControl.ContentProperty, new Binding(name));
  83.                     }
  84.                     temp.VisualTree = element;
  85.                 }
  86.  
  87.                 var col = new GridViewColumn
  88.                 {
  89.                     Width = 200,
  90.                     Header = title,
  91.                     CellTemplate = temp,
  92.                 };
  93.                 items.Add(col);
  94.             }
  95.             Columns = items;
  96.         }
  97.         #endregion
  98.  
  99.         #region Columns DependencyProperty
  100.         public GridViewColumnCollection Columns
  101.         {
  102.             get { return (GridViewColumnCollection)GetValue(ColumnsProperty); }
  103.             set { SetValue(ColumnsProperty, value); }
  104.         }
  105.         public static readonly DependencyProperty ColumnsProperty =
  106.                 DependencyProperty.Register("Columns", typeof(GridViewColumnCollection), typeof(TreeGrid),
  107.                 new PropertyMetadata(null, new PropertyChangedCallback(TreeGrid.OnColumnsPropertyChanged)));
  108.  
  109.         private static void OnColumnsPropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
  110.         {
  111.             if (obj is TreeGrid)
  112.             {
  113.                 (obj as TreeGrid).OnColumnsValueChanged();
  114.             }
  115.         }
  116.  
  117.         protected void OnColumnsValueChanged()
  118.         {
  119.  
  120.         }
  121.         #endregion
  122.  
  123.         #region RowHeight DependencyProperty
  124.         public double RowHeight
  125.         {
  126.             get { return (double)GetValue(RowHeightProperty); }
  127.             set { SetValue(RowHeightProperty, value); }
  128.         }
  129.         public static readonly DependencyProperty RowHeightProperty =
  130.                 DependencyProperty.Register("RowHeight", typeof(double), typeof(TreeGrid),
  131.                 new PropertyMetadata(30.0, new PropertyChangedCallback(TreeGrid.OnRowHeightPropertyChanged)));
  132.  
  133.         private static void OnRowHeightPropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
  134.         {
  135.             if (obj is TreeGrid)
  136.             {
  137.                 (obj as TreeGrid).OnRowHeightValueChanged();
  138.             }
  139.         }
  140.  
  141.         protected void OnRowHeightValueChanged()
  142.         {
  143.  
  144.         }
  145.         #endregion
  146.  
  147.         #region ShowCellBorder DependencyProperty
  148.         public bool ShowCellBorder
  149.         {
  150.             get { return (bool)GetValue(ShowCellBorderProperty); }
  151.             set { SetValue(ShowCellBorderProperty, value); }
  152.         }
  153.         public static readonly DependencyProperty ShowCellBorderProperty =
  154.                 DependencyProperty.Register("ShowCellBorder", typeof(bool), typeof(TreeGrid),
  155.                 new PropertyMetadata(false, new PropertyChangedCallback(TreeGrid.OnShowCellBorderPropertyChanged)));
  156.  
  157.         private static void OnShowCellBorderPropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
  158.         {
  159.             if (obj is TreeGrid)
  160.             {
  161.                 (obj as TreeGrid).OnShowCellBorderValueChanged();
  162.             }
  163.         }
  164.  
  165.         protected void OnShowCellBorderValueChanged()
  166.         {
  167.  
  168.         }
  169.         #endregion
  170.  
  171.         #region IconStroke DependencyProperty
  172.         public Brush IconStroke
  173.         {
  174.             get { return (Brush)GetValue(IconStrokeProperty); }
  175.             set { SetValue(IconStrokeProperty, value); }
  176.         }
  177.         public static readonly DependencyProperty IconStrokeProperty =
  178.                 DependencyProperty.Register("IconStroke", typeof(Brush), typeof(TreeGrid),
  179.                 new PropertyMetadata(new SolidColorBrush(Colors.LightGray), new PropertyChangedCallback(TreeGrid.OnIconStrokePropertyChanged)));
  180.  
  181.         private static void OnIconStrokePropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
  182.         {
  183.             if (obj is TreeGrid)
  184.             {
  185.                 (obj as TreeGrid).OnIconStrokeValueChanged();
  186.             }
  187.         }
  188.  
  189.         protected void OnIconStrokeValueChanged()
  190.         {
  191.  
  192.         }
  193.         #endregion
  194.  
  195.         #region CellBorderBrush DependencyProperty
  196.         public Brush CellBorderBrush
  197.         {
  198.             get { return (Brush)GetValue(CellBorderBrushProperty); }
  199.             set { SetValue(CellBorderBrushProperty, value); }
  200.         }
  201.         public static readonly DependencyProperty CellBorderBrushProperty =
  202.                 DependencyProperty.Register("CellBorderBrush", typeof(Brush), typeof(TreeGrid),
  203.                 new PropertyMetadata(new SolidColorBrush(Colors.LightGray), new PropertyChangedCallback(TreeGrid.OnCellBorderBrushPropertyChanged)));
  204.  
  205.         private static void OnCellBorderBrushPropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
  206.         {
  207.             if (obj is TreeGrid)
  208.             {
  209.                 (obj as TreeGrid).OnCellBorderBrushValueChanged();
  210.             }
  211.         }
  212.  
  213.         protected void OnCellBorderBrushValueChanged()
  214.         {
  215.  
  216.         }
  217.         #endregion
  218.  
  219.         protected override DependencyObject GetContainerForItemOverride()
  220.         {
  221.             return new TreeGridItem();
  222.         }
  223.  
  224.         protected override bool IsItemItsOwnContainerOverride(object item)
  225.         {
  226.             return item is TreeGridItem;
  227.         }
  228.  
  229.         protected override void OnItemsChanged(NotifyCollectionChangedEventArgs e)
  230.         {
  231.             base.OnItemsChanged(e);
  232.         }
  233.     }
  234.  
  235.     public class TreeGridItem : TreeViewItem
  236.     {
  237.         public event EventHandler IconStateChanged;
  238.         static TreeGridItem()
  239.         {
  240.             DefaultStyleKeyProperty.OverrideMetadata(typeof(TreeGridItem), new FrameworkPropertyMetadata(typeof(TreeGridItem)));
  241.         }
  242.  
  243.         public TreeGridItem()
  244.         {
  245.             this.DataContextChanged += TreeGridItem_DataContextChanged;
  246.         }
  247.  
  248.         private void TreeGridItem_DataContextChanged(object sender, DependencyPropertyChangedEventArgs e)
  249.         {
  250.             if (DataContext != null && DataContext is TreeItemData treeData)
  251.             {
  252.                 this.SetBinding(IsExpandedProperty, new Binding("IsExpanded") { Source = treeData, Mode = BindingMode.TwoWay });
  253.             }
  254.         }
  255.  
  256.         protected override void OnVisualParentChanged(DependencyObject oldParent)
  257.         {
  258.             base.OnVisualParentChanged(oldParent);
  259.         }
  260.  
  261.         protected override DependencyObject GetContainerForItemOverride()
  262.         {
  263.             return new TreeGridItem();
  264.         }
  265.  
  266.         protected override bool IsItemItsOwnContainerOverride(object item)
  267.         {
  268.             return item is TreeGridItem;
  269.         }
  270.     }
  271.  
  272.     /*
  273.      * https://referencesource.microsoft.com/#PresentationFramework/src/Framework/System/Windows/Controls/GridViewRowPresenter.cs,ace7d38fc902993d
  274.      * GridViewRow里的每个元素，增加了一个默认的Margin，这样在设置边框的时候会比较麻烦，在运行时去掉
  275.      */
  276.     public class TreeGridCell : ContentControl
  277.     {
  278.         static TreeGridCell()
  279.         {
  280.             DefaultStyleKeyProperty.OverrideMetadata(typeof(TreeGridCell), new FrameworkPropertyMetadata(typeof(TreeGridCell)));
  281.         }
  282.  
  283.         public TreeGridCell()
  284.         {
  285.             Loaded += TreeGridCell_Loaded;
  286.         }
  287.  
  288.         private void TreeGridCell_Loaded(object sender, RoutedEventArgs e)
  289.         {
  290.             Loaded -= TreeGridCell_Loaded;
  291.             var p = VisualTreeHelper.GetParent(this);
  292.             if (p != null && p is FrameworkElement f && f.Margin.Left > 0)
  293.             {
  294.                 f.Margin = new Thickness(0);
  295.             }
  296.         }
  297.     }
  298.  
  299.     public static class TreeHelper
  300.     {
  301.         public static T FindParent<T>(this DependencyObject obj)
  302.         {
  303.             var p = VisualTreeHelper.GetParent(obj);
  304.             if (p == null)
  305.             {
  306.                 return default(T);
  307.             }
  308.             if (p is T tt)
  309.             {
  310.                 return tt;
  311.             }
  312.             return FindParent<T>(p);
  313.         }
  314.  
  315.         public static T FindTreeResource<T>(this FrameworkElement obj, string key)
  316.         {
  317.             if (obj == null)
  318.             {
  319.                 return default(T);
  320.             }
  321.             var r = obj.TryFindResource(key);
  322.             if (r == null)
  323.             {
  324.                 r = Application.Current.TryFindResource(key);
  325.             }
  326.             if (r != null && r is T t)
  327.             {
  328.                 return t;
  329.             }
  330.  
  331.             var p = FindParent<FrameworkElement>(obj);
  332.             if (p != null)
  333.             {
  334.                 return FindTreeResource<T>(p, key);
  335.             }
  336.             return default(T);
  337.         }
  338.     }
  339. }

3.TreeGrid.xaml

  1. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  2.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  3.                     xmlns:local="clr-namespace:TreeView.TreeDataGrid.Controls"
  4.                     >
  5.     <SolidColorBrush x:Key="TreeIconStroke" Color="GreenYellow" />
  6.  
  7.     <Style x:Key="TreeGridItemStyle" TargetType="{x:Type local:TreeGridItem}">
  8.         <Setter Property="Foreground" Value="Black"/>
  9.         <Setter Property="Background" Value="Transparent"/>
  10.         <Setter Property="IsExpanded" Value="True"/>
  11.         <Setter Property="BorderBrush" Value="Wheat"/>
  12.         <Setter Property="BorderThickness" Value="0,0,0,1"/>
  13.  
  14.         <Setter Property="Template">
  15.             <Setter.Value>
  16.                 <ControlTemplate TargetType="{x:Type local:TreeGridItem}">
  17.                     <StackPanel>
  18.                         <Border Name="Bd"
  19.                               Background="Transparent"
  20.                               BorderBrush="{TemplateBinding BorderBrush}"
  21.                               Padding="{TemplateBinding Padding}">
  22.                             <GridViewRowPresenter x:Name="PART_Header"   
  23.                                       Content="{TemplateBinding Header}"  
  24.                                       Columns="{Binding Path=Columns,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=local:TreeGrid}}" />
  25.                         </Border>
  26.                         <ItemsPresenter x:Name="ItemsHost" />
  27.                     </StackPanel>
  28.  
  29.                     <ControlTemplate.Triggers>
  30.  
  31.                         <Trigger Property="IsExpanded" Value="false">
  32.                             <Setter TargetName="ItemsHost" Property="Visibility" Value="Collapsed"/>
  33.                         </Trigger>
  34.  
  35.                         <MultiTrigger>
  36.                             <MultiTrigger.Conditions>
  37.                                 <Condition Property="HasHeader" Value="false"/>
  38.                                 <Condition Property="Width" Value="Auto"/>
  39.                             </MultiTrigger.Conditions>
  40.                             <Setter TargetName="PART_Header" Property="MinWidth" Value="75"/>
  41.                         </MultiTrigger>
  42.                         <MultiTrigger>
  43.                             <MultiTrigger.Conditions>
  44.                                 <Condition Property="HasHeader" Value="false"/>
  45.                                 <Condition Property="Height" Value="Auto"/>
  46.                             </MultiTrigger.Conditions>
  47.                             <Setter TargetName="PART_Header" Property="MinHeight" Value="19"/>
  48.                         </MultiTrigger>
  49.                         <MultiTrigger>
  50.                             <!--移动变色-->
  51.                             <MultiTrigger.Conditions>
  52.                                 <Condition Property="IsFocused" Value="False"/>
  53.                                 <Condition SourceName="Bd" Property="IsMouseOver" Value="true"/>
  54.                             </MultiTrigger.Conditions>
  55.                             <Setter Property="Background" Value=" red" TargetName="Bd"/>
  56.                         </MultiTrigger>
  57.                         <Trigger Property="IsSelected" Value="true">
  58.                             <!--选中的背景颜色-->
  59.                             <Setter TargetName="Bd" Property="Background" Value="YellowGreen"/>
  60.  
  61.                             <!--<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/>-->
  62.                             <Setter Property="Foreground" Value="Red"/>
  63.                         </Trigger>
  64.                         <!--隔行换色-->
  65.                         <!--<Trigger Property="AlternationIndex" Value="0" >
  66.                             <Setter  TargetName="Bd" Property="Background" Value="blue" />
  67.                         </Trigger>
  68.                         <Trigger Property="AlternationIndex" Value="2" >
  69.                             <Setter  TargetName="Bd" Property="Background" Value="black" />
  70.                         </Trigger>-->
  71.                         <!--<DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=local:TreeGrid}, Path=Columns.Count  }" Value="0">
  72.                             <Setter TargetName="Bd" Property="Background" Value="#FFD3D3D3"/>
  73.                         </DataTrigger>
  74.                         <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=local:TreeGrid}, Path=Columns.Count}" Value="2">
  75.                             <Setter TargetName="Bd" Property="Background" Value="#FFE6E6E6"/>
  76.                         </DataTrigger>-->
  77.                         <MultiTrigger>
  78.                             <MultiTrigger.Conditions>
  79.                                 <Condition Property="IsSelected" Value="true"/>
  80.                                 <Condition Property="IsSelectionActive" Value="false"/>
  81.                             </MultiTrigger.Conditions>
  82.                             <Setter TargetName="Bd" Property="Background" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
  83.                             <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
  84.                         </MultiTrigger>
  85.                         <Trigger Property="IsEnabled" Value="false">
  86.                             <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
  87.                         </Trigger>
  88.                     </ControlTemplate.Triggers>
  89.  
  90.                 </ControlTemplate>
  91.             </Setter.Value>
  92.         </Setter>
  93.         <Style.Triggers>
  94.             <!--隔行换色-->
  95.             <Trigger Property="AlternationIndex" Value="0" >
  96.                 <Setter Property="Background" Value="#e7e7e7" />
  97.             </Trigger>
  98.             <Trigger Property="AlternationIndex" Value="1" >
  99.                 <Setter Property="Background" Value="#f2f2f2" />
  100.             </Trigger>
  101.         </Style.Triggers>
  102.     </Style>
  103.  
  104.     <Style TargetType="{x:Type local:TreeGridItem}" BasedOn="{StaticResource TreeGridItemStyle}"/>
  105.  
  106.     <Style TargetType="{x:Type local:TreeGridCell}">
  107.         <Setter Property="HorizontalContentAlignment" Value="Center"/>
  108.         <Setter Property="VerticalContentAlignment" Value="Center"/>
  109.         <Setter Property="BorderBrush" Value="Red"/>
  110.         <Setter Property="Template">
  111.             <Setter.Value>
  112.                 <ControlTemplate TargetType="{x:Type local:TreeGridCell}">
  113.                     <Border x:Name="CellBorder" 
  114.                             Margin="0,0,-0.5,0"
  115.                             Background="{TemplateBinding Background}"
  116.                             BorderBrush="Red"
  117.                             BorderThickness="0,0,0,1">
  118.                         <ContentControl Content="{TemplateBinding Content}"
  119.                                         ContentTemplate="{TemplateBinding ContentTemplate}"
  120.                                         HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
  121.                                         VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
  122.                                         SnapsToDevicePixels="True"/>
  123.                     </Border>
  124.                     <!--BorderBrush="Red"下划线颜色-->
  125.                     <!--<ControlTemplate.Triggers>
  126.                         <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=local:TreeGrid},Path=ShowCellBorder}" Value="true">
  127.                             <Setter TargetName="CellBorder" Property="BorderBrush" Value="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=local:TreeGrid},Path=CellBorderBrush}" />
  128.                         </DataTrigger>
  129.                     </ControlTemplate.Triggers>-->
  130.                 </ControlTemplate>
  131.             </Setter.Value>
  132.         </Setter>
  133.     </Style>
  134.  
  135.     <Style TargetType="{x:Type local:TreeGrid}">
  136.         <Setter Property="IconStroke" Value="{StaticResource TreeIconStroke}"/>
  137.         <Setter Property="ItemContainerStyle" Value="{StaticResource {x:Type local:TreeGridItem}}"/>
  138.         <Setter Property="Template">
  139.             <Setter.Value>
  140.                 <ControlTemplate TargetType="{x:Type local:TreeGrid}">
  141.                     <Border Background="{TemplateBinding Background}"
  142.                             BorderBrush="{TemplateBinding BorderBrush}"
  143.                             BorderThickness="0">
  144.                         <!--最大边框-->
  145.                         <DockPanel>
  146.                             <!--标题栏-->
  147.                             <GridViewHeaderRowPresenter IsHitTestVisible="False" Columns="{TemplateBinding  Columns}" Height="{TemplateBinding RowHeight}"  DockPanel.Dock="Top" >
  148.                             </GridViewHeaderRowPresenter>
  149.                             <ItemsPresenter  />
  150.                         </DockPanel>
  151.                     </Border>
  152.                 </ControlTemplate>
  153.             </Setter.Value>
  154.         </Setter>
  155.     </Style>
  156. </ResourceDictionary>

4.代码很多，最终的源码格式

 源码地址：

https://download.csdn.net/download/u012563853/89003286

本文来源：

WPF中使用TreeView封装组合控件TreeView+DataGrid-粉丝专栏-CSDN博客

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】
推荐阅读

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。