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

已于 2024-03-21 10:22:02 修改
阅读量1.5k 收藏 8
点赞数 8
分类专栏： # 粉丝专栏 文章标签： wpf
于 2023-12-21 22:35:47 首次发布
分享的越多，得到的越多。 记录的越多，忘记的越少。----故里2130
本文链接：https://blog.csdn.net/u012563853/article/details/135141972
版权

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

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

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

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

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

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

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

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

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

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

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

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

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

1.首先建立一个wpf程序

2. 封装TreeGrid

namespace TreeView.TreeDataGrid.Controls
{
    //这里有一个骚操作，就是把引用放在里面
    using System;
    using System.Collections.Specialized;
    using System.Windows;
    using System.Windows.Controls;
    using System.Windows.Data;
    using System.Windows.Media;

    public class TreeGrid : TreeView
    {
        static TreeGrid()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(TreeGrid), new FrameworkPropertyMetadata(typeof(TreeGrid)));
        }

        #region ColumnMappings DependencyProperty
        public string ColumnMappings
        {
            get { return (string)GetValue(ColumnMappingsProperty); }
            set { SetValue(ColumnMappingsProperty, value); }
        }
        public static readonly DependencyProperty ColumnMappingsProperty =
                DependencyProperty.Register("ColumnMappings", typeof(string), typeof(TreeGrid),
                new PropertyMetadata("", new PropertyChangedCallback(TreeGrid.OnColumnMappingsPropertyChanged)));

        private static void OnColumnMappingsPropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
        {
            if (obj is TreeGrid)
            {
                (obj as TreeGrid).OnColumnMappingsValueChanged();
            }
        }

        protected void OnColumnMappingsValueChanged()
        {
            if (!string.IsNullOrEmpty(ColumnMappings))
            {
                ResetMappingColumns(ColumnMappings);
            }
        }

        private void ResetMappingColumns(string mapping)
        {
            GridViewColumnCollection items = new GridViewColumnCollection();
            var columns = mapping.Split(new char[] { ';', '|' }, StringSplitOptions.RemoveEmptyEntries);
            foreach (var c in columns)
            {
                var index = c.IndexOf(':');
                var title = "";
                var name = "";
                if (index > 0)
                {
                    title = c.Substring(0, index);
                    name = c.Substring(index + 1);
                }
                else
                {
                    title = c;
                    name = c;
                }

                DataTemplate temp = null;
                var res = this.FindTreeResource<DataTemplate>(name);
                if (res != null && res is DataTemplate template)
                {
                    temp = template;
                }
                else
                {
                    temp = new DataTemplate();
                    FrameworkElementFactory element = null;
                    if (items.Count == 0)
                    {
                        element = new FrameworkElementFactory(typeof(TreeItemContentControl));
                        element.SetValue(ContentControl.ContentProperty, new Binding(name));
                    }
                    else
                    {
                        element = new FrameworkElementFactory(typeof(TreeGridCell));
                        element.SetValue(ContentControl.ContentProperty, new Binding(name));
                    }
                    temp.VisualTree = element;
                }

                var col = new GridViewColumn
                {
                    Width = 200,
                    Header = title,
                    CellTemplate = temp,
                };
                items.Add(col);
            }
            Columns = items;
        }
        #endregion

        #region Columns DependencyProperty
        public GridViewColumnCollection Columns
        {
            get { return (GridViewColumnCollection)GetValue(ColumnsProperty); }
            set { SetValue(ColumnsProperty, value); }
        }
        public static readonly DependencyProperty ColumnsProperty =
                DependencyProperty.Register("Columns", typeof(GridViewColumnCollection), typeof(TreeGrid),
                new PropertyMetadata(null, new PropertyChangedCallback(TreeGrid.OnColumnsPropertyChanged)));

        private static void OnColumnsPropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
        {
            if (obj is TreeGrid)
            {
                (obj as TreeGrid).OnColumnsValueChanged();
            }
        }

        protected void OnColumnsValueChanged()
        {

        }
        #endregion

        #region RowHeight DependencyProperty
        public double RowHeight
        {
            get { return (double)GetValue(RowHeightProperty); }
            set { SetValue(RowHeightProperty, value); }
        }
        public static readonly DependencyProperty RowHeightProperty =
                DependencyProperty.Register("RowHeight", typeof(double), typeof(TreeGrid),
                new PropertyMetadata(30.0, new PropertyChangedCallback(TreeGrid.OnRowHeightPropertyChanged)));

        private static void OnRowHeightPropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
        {
            if (obj is TreeGrid)
            {
                (obj as TreeGrid).OnRowHeightValueChanged();
            }
        }

        protected void OnRowHeightValueChanged()
        {

        }
        #endregion

        #region ShowCellBorder DependencyProperty
        public bool ShowCellBorder
        {
            get { return (bool)GetValue(ShowCellBorderProperty); }
            set { SetValue(ShowCellBorderProperty, value); }
        }
        public static readonly DependencyProperty ShowCellBorderProperty =
                DependencyProperty.Register("ShowCellBorder", typeof(bool), typeof(TreeGrid),
                new PropertyMetadata(false, new PropertyChangedCallback(TreeGrid.OnShowCellBorderPropertyChanged)));

        private static void OnShowCellBorderPropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
        {
            if (obj is TreeGrid)
            {
                (obj as TreeGrid).OnShowCellBorderValueChanged();
            }
        }

        protected void OnShowCellBorderValueChanged()
        {

        }
        #endregion

        #region IconStroke DependencyProperty
        public Brush IconStroke
        {
            get { return (Brush)GetValue(IconStrokeProperty); }
            set { SetValue(IconStrokeProperty, value); }
        }
        public static readonly DependencyProperty IconStrokeProperty =
                DependencyProperty.Register("IconStroke", typeof(Brush), typeof(TreeGrid),
                new PropertyMetadata(new SolidColorBrush(Colors.LightGray), new PropertyChangedCallback(TreeGrid.OnIconStrokePropertyChanged)));

        private static void OnIconStrokePropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
        {
            if (obj is TreeGrid)
            {
                (obj as TreeGrid).OnIconStrokeValueChanged();
            }
        }

        protected void OnIconStrokeValueChanged()
        {

        }
        #endregion

        #region CellBorderBrush DependencyProperty
        public Brush CellBorderBrush
        {
            get { return (Brush)GetValue(CellBorderBrushProperty); }
            set { SetValue(CellBorderBrushProperty, value); }
        }
        public static readonly DependencyProperty CellBorderBrushProperty =
                DependencyProperty.Register("CellBorderBrush", typeof(Brush), typeof(TreeGrid),
                new PropertyMetadata(new SolidColorBrush(Colors.LightGray), new PropertyChangedCallback(TreeGrid.OnCellBorderBrushPropertyChanged)));

        private static void OnCellBorderBrushPropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
        {
            if (obj is TreeGrid)
            {
                (obj as TreeGrid).OnCellBorderBrushValueChanged();
            }
        }

        protected void OnCellBorderBrushValueChanged()
        {

        }
        #endregion

        protected override DependencyObject GetContainerForItemOverride()
        {
            return new TreeGridItem();
        }

        protected override bool IsItemItsOwnContainerOverride(object item)
        {
            return item is TreeGridItem;
        }

        protected override void OnItemsChanged(NotifyCollectionChangedEventArgs e)
        {
            base.OnItemsChanged(e);
        }
    }

    public class TreeGridItem : TreeViewItem
    {
        public event EventHandler IconStateChanged;
        static TreeGridItem()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(TreeGridItem), new FrameworkPropertyMetadata(typeof(TreeGridItem)));
        }

        public TreeGridItem()
        {
            this.DataContextChanged += TreeGridItem_DataContextChanged;
        }

        private void TreeGridItem_DataContextChanged(object sender, DependencyPropertyChangedEventArgs e)
        {
            if (DataContext != null && DataContext is TreeItemData treeData)
            {
                this.SetBinding(IsExpandedProperty, new Binding("IsExpanded") { Source = treeData, Mode = BindingMode.TwoWay });
            }
        }

        protected override void OnVisualParentChanged(DependencyObject oldParent)
        {
            base.OnVisualParentChanged(oldParent);
        }

        protected override DependencyObject GetContainerForItemOverride()
        {
            return new TreeGridItem();
        }

        protected override bool IsItemItsOwnContainerOverride(object item)
        {
            return item is TreeGridItem;
        }
    }

    /*
     * https://referencesource.microsoft.com/#PresentationFramework/src/Framework/System/Windows/Controls/GridViewRowPresenter.cs,ace7d38fc902993d
     * GridViewRow里的每个元素，增加了一个默认的Margin，这样在设置边框的时候会比较麻烦，在运行时去掉
     */
    public class TreeGridCell : ContentControl
    {
        static TreeGridCell()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(TreeGridCell), new FrameworkPropertyMetadata(typeof(TreeGridCell)));
        }

        public TreeGridCell()
        {
            Loaded += TreeGridCell_Loaded;
        }

        private void TreeGridCell_Loaded(object sender, RoutedEventArgs e)
        {
            Loaded -= TreeGridCell_Loaded;
            var p = VisualTreeHelper.GetParent(this);
            if (p != null && p is FrameworkElement f && f.Margin.Left > 0)
            {
                f.Margin = new Thickness(0);
            }
        }
    }

    public static class TreeHelper
    {
        public static T FindParent<T>(this DependencyObject obj)
        {
            var p = VisualTreeHelper.GetParent(obj);
            if (p == null)
            {
                return default(T);
            }
            if (p is T tt)
            {
                return tt;
            }
            return FindParent<T>(p);
        }

        public static T FindTreeResource<T>(this FrameworkElement obj, string key)
        {
            if (obj == null)
            {
                return default(T);
            }
            var r = obj.TryFindResource(key);
            if (r == null)
            {
                r = Application.Current.TryFindResource(key);
            }
            if (r != null && r is T t)
            {
                return t;
            }

            var p = FindParent<FrameworkElement>(obj);
            if (p != null)
            {
                return FindTreeResource<T>(p, key);
            }
            return default(T);
        }
    }
}

3.TreeGrid.xaml

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:TreeView.TreeDataGrid.Controls"
                    >
    <SolidColorBrush x:Key="TreeIconStroke" Color="GreenYellow" />

    <Style x:Key="TreeGridItemStyle" TargetType="{x:Type local:TreeGridItem}">
        <Setter Property="Foreground" Value="Black"/>
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="IsExpanded" Value="True"/>
        <Setter Property="BorderBrush" Value="Wheat"/>
        <Setter Property="BorderThickness" Value="0,0,0,1"/>

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:TreeGridItem}">
                    <StackPanel>
                        <Border Name="Bd"
                              Background="Transparent"
                              BorderBrush="{TemplateBinding BorderBrush}"
                              Padding="{TemplateBinding Padding}">
                            <GridViewRowPresenter x:Name="PART_Header"   
                                      Content="{TemplateBinding Header}"  
                                      Columns="{Binding Path=Columns,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=local:TreeGrid}}" />
                        </Border>
                        <ItemsPresenter x:Name="ItemsHost" />
                    </StackPanel>

                    <ControlTemplate.Triggers>

                        <Trigger Property="IsExpanded" Value="false">
                            <Setter TargetName="ItemsHost" Property="Visibility" Value="Collapsed"/>
                        </Trigger>

                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="HasHeader" Value="false"/>
                                <Condition Property="Width" Value="Auto"/>
                            </MultiTrigger.Conditions>
                            <Setter TargetName="PART_Header" Property="MinWidth" Value="75"/>
                        </MultiTrigger>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="HasHeader" Value="false"/>
                                <Condition Property="Height" Value="Auto"/>
                            </MultiTrigger.Conditions>
                            <Setter TargetName="PART_Header" Property="MinHeight" Value="19"/>
                        </MultiTrigger>
                        <MultiTrigger>
                            <!--移动变色-->
                            <MultiTrigger.Conditions>
                                <Condition Property="IsFocused" Value="False"/>
                                <Condition SourceName="Bd" Property="IsMouseOver" Value="true"/>
                            </MultiTrigger.Conditions>
                            <Setter Property="Background" Value=" red" TargetName="Bd"/>
                        </MultiTrigger>
                        <Trigger Property="IsSelected" Value="true">
                            <!--选中的背景颜色-->
                            <Setter TargetName="Bd" Property="Background" Value="YellowGreen"/>

                            <!--<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/>-->
                            <Setter Property="Foreground" Value="Red"/>
                        </Trigger>
                        <!--隔行换色-->
                        <!--<Trigger Property="AlternationIndex" Value="0" >
                            <Setter  TargetName="Bd" Property="Background" Value="blue" />
                        </Trigger>
                        <Trigger Property="AlternationIndex" Value="2" >
                            <Setter  TargetName="Bd" Property="Background" Value="black" />
                        </Trigger>-->
                        <!--<DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=local:TreeGrid}, Path=Columns.Count  }" Value="0">
                            <Setter TargetName="Bd" Property="Background" Value="#FFD3D3D3"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=local:TreeGrid}, Path=Columns.Count}" Value="2">
                            <Setter TargetName="Bd" Property="Background" Value="#FFE6E6E6"/>
                        </DataTrigger>-->
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsSelected" Value="true"/>
                                <Condition Property="IsSelectionActive" Value="false"/>
                            </MultiTrigger.Conditions>
                            <Setter TargetName="Bd" Property="Background" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
                            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
                        </MultiTrigger>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                        </Trigger>
                    </ControlTemplate.Triggers>

                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <!--隔行换色-->
            <Trigger Property="AlternationIndex" Value="0" >
                <Setter Property="Background" Value="#e7e7e7" />
            </Trigger>
            <Trigger Property="AlternationIndex" Value="1" >
                <Setter Property="Background" Value="#f2f2f2" />
            </Trigger>
        </Style.Triggers>
    </Style>

    <Style TargetType="{x:Type local:TreeGridItem}" BasedOn="{StaticResource TreeGridItemStyle}"/>

    <Style TargetType="{x:Type local:TreeGridCell}">
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="BorderBrush" Value="Red"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:TreeGridCell}">
                    <Border x:Name="CellBorder" 
                            Margin="0,0,-0.5,0"
                            Background="{TemplateBinding Background}"
                            BorderBrush="Red"
                            BorderThickness="0,0,0,1">
                        <ContentControl Content="{TemplateBinding Content}"
                                        ContentTemplate="{TemplateBinding ContentTemplate}"
                                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                        SnapsToDevicePixels="True"/>
                    </Border>
                    <!--BorderBrush="Red"下划线颜色-->
                    <!--<ControlTemplate.Triggers>
                        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=local:TreeGrid},Path=ShowCellBorder}" Value="true">
                            <Setter TargetName="CellBorder" Property="BorderBrush" Value="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=local:TreeGrid},Path=CellBorderBrush}" />
                        </DataTrigger>
                    </ControlTemplate.Triggers>-->
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="{x:Type local:TreeGrid}">
        <Setter Property="IconStroke" Value="{StaticResource TreeIconStroke}"/>
        <Setter Property="ItemContainerStyle" Value="{StaticResource {x:Type local:TreeGridItem}}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:TreeGrid}">
                    <Border Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="0">
                        <!--最大边框-->
                        <DockPanel>
                            <!--标题栏-->
                            <GridViewHeaderRowPresenter IsHitTestVisible="False" Columns="{TemplateBinding  Columns}" Height="{TemplateBinding RowHeight}"  DockPanel.Dock="Top" >
                            </GridViewHeaderRowPresenter>
                            <ItemsPresenter  />
                        </DockPanel>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

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

 源码地址：

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

本文来源：

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

故里2130
关注
专栏目录
WPF中使用ListView封装组合控件TreeView+DataGrid
故里2130
12-23 823
wpf的功能非常强大，很多控件都是原生的，但是要使用TreeView+DataGrid的组合，就需要我们自己去封装实现。功能如上图所示， 目前基本上把常用的样式都实现了，购买源码后，可以自行修改样式。本文源码效果截图，（搞了好几天，的确有难度，所以源码也收费，便宜，赚点辛苦费）说明： 使用ListView封装的时候，难度最大，或者没有找到最好的方法实现。（也就是本文的演示）这2个图都是第三方控件自带的，并且都是收费使用。首先说明一下，实现上面的效果，有3种方法。本文演示的是ListView的实现。
WPF中使用TreeView封装组合控件TreeView+DataGrid
故里2130
12-21 1032
wpf的功能非常强大，很多控件都是原生的，但是要使用TreeView+DataGrid的组合，就需要我们自己去封装实现。功能如上图所示， 目前基本上把常用的样式都实现了，购买源码后，可以自行修改样式。本文源码效果如下，（搞了好几天，的确有难度，所以源码也收费，便宜，赚点辛苦费）第一种：技术的选择是TreeView（也就是本文的演示）。这2个图都是第三方控件自带的，并且都是收费使用。首先说明一下，实现上面的效果，有3种方法。本文演示的是使用TreeView的实现。第二种：技术的选择是DataGrid。
WPF TREEGRID,一种绑定至类中的可变的DataRow中的列的方法
honeyyx的专栏
03-10 379
Classs TreeGrid{ int Level，string Parent,string Child,DataRow Value}，想在一个 DataGrid 中呈现树形的可变的DataRow数据。实现通过调用C#代码对可变的实体数据进行动态绑定。"Value[" + column.ColumnName+"]" 可实现 对DataRow中的列“ColumnName”与Class类中的属性“PropertyName”同样的效果。
WPF TreeView 全选/反选/子级选中父级也选中
weixin_45381071的博客
07-14 621
【代码】WPF TreeView 全选/反选/子级选中父级也选中。
WPF之DataGrid的使用及案例
最新发布
m0_59871062的博客
08-27 798
有四种列形式，如下图text用于显示文本框，checkBox显示多选框，Combox复选框，hyperLink超链接。除去默认的控件以外，还支持自定义单元格，使用​，如图，我在白表格中添加了一个按钮用于修改数据。​​。
TreeView控件
aoluan2964的博客
07-08 227
尽管一个典型的树结构只有一个根节点，但 TreeView 控件允许您向树结构中添加多个根节点。当您要显示项目列表，但不显示单个主根节点时（例如在产品类别列表中），这一功能很有用。 每个节点都具有一个 Text 属性和一个 Value 属性。Text 属性的值显示在 TreeView 控件中，而 Value 属性则用于存储有关该节点的任何附加数据（例如传递给与节点相关联的回发事件的数据）...
WPF应用基础篇---TreeView
weixin_30933531的博客
07-31 442
　　1.前言 　　最近有部分朋友经常问我，WPF的TreeView控件，如何用MVVM来实现绑定和显示？所以写下了这篇WPF应用基础篇---TreeView. 　2.介绍 案例浏览： 　　　　 　　　　　　　　　　　　　　　　　　图 1-1（案例结构图） 目的：本文中做了三个简单的Demo给刚刚入门或者入门不久而且不熟悉TreeView控件在MVVM中具体实现的朋友们...
WPF —— TreeView树形控件
一个新人博客，愿多多支持。
04-01 2119
TreeView 表示一个控件，该控件在树结构（其中的项可以展开和折叠）中显示分层数据。TreeView 是一个 ItemsControl，这意味着它可以包含任何类型的对象的集合 (，例如字符串、图像或面板)。
WPF TreeGrid的一种简单实现
weixin_30596165的博客
08-01 310
　　前几天，各种坑爹的情况，导致不得不自己去动手实现带层级关系的Grid。之后翻了翻书，貌似说msdn和codeproject上有这么个例子，叫做TreeListView。这里就简单说下自己的思路，也许有人能用的上。说起来就是个Grid，然后在第一列前面加个ToggleButton，点击时操作数据集合增删记录来驱动界面，效果如下。点击这里下载源代码 转载于:https://www.cnblog...
WPF中使用DataGrid封装组合控件TreeView+DataGrid
故里2130
12-22 1164
wpf的功能非常强大，很多控件都是原生的，但是要使用TreeView+DataGrid的组合，就需要我们自己去封装实现。功能如上图所示， 目前基本上把常用的样式都实现了，购买源码后，可以自行修改样式。本文源码效果截图，（搞了好几天，的确有难度，所以源码也收费，便宜，赚点辛苦费）第二种：技术的选择是DataGrid（也就是本文的演示）。这2个图都是第三方控件自带的，并且都是收费使用。首先说明一下，实现上面的效果，有3种方法。第一种：技术的选择是TreeView。本文演示的是DataGrid的实现。
WPF Combox+treeview以及 datagried+treeview控件
01-07
在本文中，我们将深入探讨如何在Windows Presentation Foundation (WPF) 中使用自定义的`Combobox+TreeView`和`DataGrid+TreeView`控件来处理大规模数据。这些控件是WPF开发中的重要组成部分，特别是在构建用户界面...
Treeview控件
06-09
Treeview控件TreeView控件显示Node对象的分层列表，每个Node对象均由一个标签和一个可选的位图组成。TreeView 一般用于显示文档标题、索引入口、磁盘上的文件和目录、或能被有效地分层显示的其它种类信息。创建了TreeView控件之后，可以通过设置属性与调用方法对各Node对象进行操作，这些操作包括添加、删除、对齐和其它操作。可以编程展开与折回 Node 对象来显示或隐藏所有子节点。Collapse、Expand和NodeClick三个事件也提供编程功能。
WPF 之使用Treeview和DataGrid的关联绑定
qq_34057374的博客
08-04 3255
实现功能：WPF通过读取XML数据绑定到TreeView， 在通过TreeView选择项（Node)获取的对应的数据绑定到DataGrid控件上，再通过DataGrid选中行的详细信息数据绑定到另一个DataGrid。首先创建XML数据. 名称为 Order.xml<?xml version="1.0" encoding="utf-8" ?> <root> <category name="C
wpf treeview
alohaCPP的专栏
11-02 2771
首先一个简单的Demo 如果这实现这个Demo呢？我们从MVC三个方面入手： TreeView的View 在WPF的TreeView，你可以定制每个节点的显示方式，包括为一个节点添加多个图标，这些都只需要在XAML中配置，而不必留下复杂的C#代码。例如： 1: TreeView Name="tvProperties" Width="250" Paddi
WPF中使用DataGrid封装组合控件TreeView+DataGrid-粉丝专栏
故里2130
12-22 1059
wpf的功能非常强大，很多控件都是原生的，但是要使用TreeView+DataGrid的组合，就需要我们自己去封装实现。功能如上图所示， 目前基本上把常用的样式都实现了，购买源码后，可以自行修改样式。本文源码效果截图，（搞了好几天，的确有难度，所以源码也收费，便宜，赚点辛苦费）第二种：技术的选择是DataGrid（也就是本文的演示）。这2个图都是第三方控件自带的，并且都是收费使用。首先说明一下，实现上面的效果，有3种方法。第一种：技术的选择是TreeView。本文演示的是DataGrid的实现。
WPF控件之DataGrid扩展应用（一）
weixin_45650894的博客
09-04 1140
总体思路是目录树显示个体信息，右键打开表格看总体信息，运行效果看图。
WPF中TreeView的使用
热门推荐
码农
10-10 1万+
不管是在窗体程序开发还是在web应用程序开发中，大家都知道树这个控件，并且都称为TreeView，这个控件将内容分层展示，使其更加形象和直观！同时呢，TreeView在很多项目中都有运用，甚至某些公司做自定义的属性控件，当然了，我在此就和大家一起分享一下WPF中系统预设的Tree
WPF 数据绑定TreeView+DataGrid+XML
dili30123的博客
11-11 538
学习WPF做的一个数据绑定例子，可供学习参考。 实现功能：WPF通过读取XML数据绑定到TreeView， 在通过TreeView选择项（Node)获取的对应的数据绑定到DataGrid控件上，再通过DataGrid选中行的详细信息数据绑定到DataGrid。 首先创建XML数据 <?xml version="1.0" encoding="utf-8" ?> &l...
WPF的DataGrid控件——分组、改变成DataTreeGrid的样式
niuge8905的博客
12-29 1万+
这里主要讲到《WPF编程宝典》那本书中，关于DataGrid控件中一些补充内容。 1、DataGrid基本用法 直接上代码，看效果吧： 后台代码namespace DataGridTest { /// <summary> /// MainWindow.xaml 的交互逻辑 /// </summary> public partial class MainWindo
wpf 折叠datagrid
07-22
### 回答1： WPF（Windows Presentation Foundation）是一种用于创建Windows应用程序界面的框架。在WPF中，可以使用DataGrid控件来展示和编辑数据。折叠DataGrid可以让用户在需要时展开和收起数据，以便更好地组织和管理信息。 要在WPF中实现折叠DataGrid，可以使用一些额外的控件和代码逻辑。首先，可以使用TreeView控件作为外层容器，用于显示可展开和收起的树形结构。然后，在TreeView的各个节点中，嵌套使用DataGrid控件来展示具体的数据。 为了实现折叠和展开的功能，可以在TreeView的节点上使用ToggleButton等控件，以便用户点击时切换折叠或展开状态。在代码中，可以使用数据绑定来动态地添加和删除TreeView节点，以及相应地调整DataGrid的可见性。当用户点击折叠按钮时，可以通过修改绑定的标志位来隐藏对应的DataGrid，从而实现折叠效果。 此外，还可以通过自定义样式和模板来美化和定制DataGrid和TreeView的外观。可以修改控件的背景、边框、字体等属性，以便与应用程序的整体风格保持一致。 总之，在WPF中实现折叠DataGrid需要合理运用控件和代码逻辑，通过数据绑定和样式调整，来实现折叠和展开的功能，同时保持应用程序的美观和易用性。 ### 回答2： WPF中的DataGrid控件是一个非常强大和灵活的控件，可以用于展示和编辑数据。如果要实现折叠(DataGrid Grouping)，我们可以通过使用CollectionViewSource和GroupDescription来实现。 首先，我们需要创建一个CollectionViewSource对象，并将DataGrid的ItemsSource绑定到该对象上。CollectionViewSource允许我们对数据进行分组和排序。 然后，我们可以使用GroupDescription对象来指定分组的属性。GroupDescription可以是一个字符串，表示要根据某个属性进行分组，也可以是一个自定义的实现了IGrouping接口的对象。 最后，我们还需要设置DataGrid的GroupStyle以定义分组的样式。GroupStyle可以包含一个HeaderTemplate，用于显示分组的标题，以及一个ItemsPanel，用于显示分组的内容。 下面是一个简单的示例，展示如何在WPF中折叠(DataGrid Grouping)： 1. XAML代码： ```xml <Window x:Class="WpfApp1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="450" Width="800"> <Grid> <DataGrid x:Name="dataGrid"> <DataGrid.GroupStyle> <GroupStyle> <GroupStyle.HeaderTemplate> <DataTemplate> <TextBlock FontWeight="Bold" Text="{Binding Path=Name}"/> </DataTemplate> </GroupStyle.HeaderTemplate> <GroupStyle.ContainerStyle> <Style TargetType="{x:Type GroupItem}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type GroupItem}"> <StackPanel> <TextBlock FontWeight="Bold" Text="{Binding Path=Items.Count}"/> <ItemsPresenter/> </StackPanel> </ControlTemplate> </Setter.Value> </Setter> </Style> </GroupStyle.ContainerStyle> </GroupStyle> </DataGrid.GroupStyle> </DataGrid> </Grid> </Window> ``` 2. C#代码： ```C# public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); List<Person> people = new List<Person> { new Person{Name="Mike", Age=25}, new Person{Name="Tom", Age=30}, new Person{Name="Mike", Age=35}, new Person{Name="Tom", Age=40} }; CollectionViewSource cvs = new CollectionViewSource(); cvs.Source = people; cvs.GroupDescriptions.Add(new PropertyGroupDescription("Name")); dataGrid.ItemsSource = cvs.View; } } public class Person { public string Name { get; set; } public int Age { get; set; } } ``` 以上代码创建了一个简单的Window，其中有一个DataGrid控件，展示了一个包含姓名和年龄的Person类的集合。通过设置GroupStyle，我们让DataGrid根据姓名进行分组，每个分组显示一个标题和该分组中的数据。 总结起来，WPF的DataGrid控件可以通过使用CollectionViewSource和GroupDescription来实现折叠或分组的效果。配合适当的样式设置，我们可以根据自己的需求，灵活地展示和编辑数据。 ### 回答3： WPF折叠DataGrid是一种在用户界面中显示表格数据的方法，可以通过折叠视图以及展开视图来管理和显示大量的数据。 折叠DataGrid可以通过使用WPF的Expander控件来实现。Expander控件提供了一个可折叠的容器，用户可以单击标题栏来展开或折叠容器内容。 在折叠DataGrid中，可以将DataGrid放置在Expander控件中。当用户点击折叠DataGrid的标题时，Expander会展开，显示DataGrid的内容；当用户再次点击标题时，Expander会折叠，隐藏DataGrid的内容。 在WPF中，我们可以使用XAML来定义折叠DataGrid。首先，我们创建一个Expander控件，将DataGrid作为其Content。然后，我们可以设置Expander的Header为DataGrid的标题。最后，我们可以通过设置Expander的IsExpanded属性来控制DataGrid的展开和折叠。 下面是一个简单的WPF折叠DataGrid的示例： ```xaml <Grid> <Expander Header="DataGrid" IsExpanded="False"> <DataGrid> <!-- DataGrid的列和数据绑定 --> </DataGrid> </Expander> </Grid> ``` 在这个示例中，DataGrid被放置在Expander内，并将Expander的Header设置为"DataGrid"。IsExpanded属性设置为False，表示DataGrid默认处于折叠状态。 通过这种方式，我们可以方便地实现DataGrid的折叠和展开，以便在需要时显示或隐藏大量的数据。这在处理大量数据或需要用户手动展开来查看数据时非常有用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

故里2130

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值