WPF 组织机构摄像机树全量加载大数据量分页加载摄像机节点

完整代码：

https://gitee.com/s0611163/WpfTreeDemo

性能： 8000组织机构20万摄像机，全量加载仅需0.8秒 8000组织机构125万摄像机，全量加载仅需4秒

主要代码：

TreeNodeData.cs：

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;

namespace Models
{
    /// 
    /// 树节点数据
    /// 
    public class TreeNodeData : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        private bool _IsVisible = true;
        /// 
        /// 是否可见
        /// 
        public bool IsVisible
        {
            get
            {
                return _IsVisible;
            }
            set
            {
                _IsVisible = value;
                OnPropertyChanged("IsVisible");
            }
        }

        private bool _IsSelected = false;
        /// 
        /// 是否已选择
        /// 
        public bool IsSelected
        {
            get
            {
                return _IsSelected;
            }
            set
            {
                _IsSelected = value;
                OnPropertyChanged("IsSelected");
            }
        }

        private bool _IsLoading = false;
        /// 
        /// 是否正在加载子节点
        /// 
        public bool IsLoading
        {
            get
            {
                return _IsLoading;
            }
            set
            {
                _IsLoading = value;
                OnPropertyChanged("IsLoading");
            }
        }

        private bool _IsChildLoaded = false;
        /// 
        /// 子节点是否已加载完毕
        /// 
        public bool IsChildLoaded
        {
            get
            {
                return _IsChildLoaded;
            }
            set
            {
                _IsChildLoaded = value;
                OnPropertyChanged("IsChildLoaded");
            }
        }

        private bool _IsLeaf = false;
        /// 
        /// 是否是叶子节点
        /// 
        public bool IsLeaf
        {
            get
            {
                return _IsLeaf;
            }
            set
            {
                _IsLeaf = value;
                OnPropertyChanged("IsLeaf");
            }
        }

        private bool _IsCheckable = false;
        /// 
        /// 是否显示CheckBox
        /// 
        public bool IsCheckable
        {
            get
            {
                return _IsCheckable;
            }
            set
            {
                _IsCheckable = value;
                OnPropertyChanged("IsCheckable");
            }
        }

        private bool _IsExpanded = false;
        /// 
        /// 是否展开
        /// 
        public bool IsExpanded
        {
            get
            {
                return _IsExpanded;
            }
            set
            {
                _IsExpanded = value;
                OnPropertyChanged("IsExpanded");
            }
        }

        private TreeNodeData _parent;
        /// 
        /// 父节点数据
        /// 
        public TreeNodeData Parent
        {
            get
            {
                return _parent;
            }
            set
            {
                _parent = value;
                OnPropertyChanged("Parent");
            }
        }

        private ObservableCollection _children = new ObservableCollection();
        /// 
        /// 子节点数据集合
        /// 
        public ObservableCollection Children
        {
            get
            {
                return _children;
            }
            set
            {
                _children = value;
                OnPropertyChanged("Parent");
            }
        }

        private int _PageSize = 25;
        /// 
        /// 每页数据条数
        /// 
        public int PageSize
        {
            get
            {
                return _PageSize;
            }
            set
            {
                _PageSize = value;
                OnPropertyChanged("PageSize");
            }
        }

        private bool _SearchMode = false;
        /// 
        /// 搜索模式
        /// 
        public bool SearchMode
        {
            get
            {
                return _SearchMode;
            }
            set
            {
                _SearchMode = value;
                OnPropertyChanged("SearchMode");
                OnPropertyChanged("PageCtrlVisible");
            }
        }

        /// 
        /// 是否显示分页控件
        /// 
        public Visibility PageCtrlVisible
        {
            get
            {
                if (!SearchMode && IsOrgLeaf && CameraCount > 0)
                {
                    return Visibility.Visible;
                }
                return Visibility.Collapsed;
            }
        }

        /// 
        /// 是否显示展开按钮
        /// 
        public Visibility ExpandVisible
        {
            get
            {
                if (IsOrgLeaf)
                {
                    if (CameraCount > 0)
                    {
                        return Visibility.Visible;
                    }
                    else
                    {
                        return Visibility.Hidden;
                    }
                }
                else
                {
                    if (Children.Count > 0)
                    {
                        return Visibility.Visible;
                    }
                    else
                    {
                        return Visibility.Hidden;
                    }
                }
            }
        }

        private bool _IsOrgLeaf = false;
        /// 
        /// 是否是组织机构叶子节点
        /// 
        public bool IsOrgLeaf
        {
            get
            {
                return _IsOrgLeaf;
            }
            set
            {
                _IsOrgLeaf = value;
                OnPropertyChanged("IsOrgLeaf");
            }
        }

        private string _level;
        /// 
        /// 组织机构等级
        /// 
        public string Level
        {
            get
            {
                return _level;
            }
            set
            {
                _level = value;
                OnPropertyChanged("Level");
            }
        }

        private bool _IsOnline = true;
        /// 
        /// 像机是否在线
        /// 
        public bool IsOnline
        {
            get
            {
                return _IsOnline;
            }
            set
            {
                _IsOnline = value;
                OnPropertyChanged("IsOnline");
            }
        }

        private List> _cameraNodeDataList = new List>();
        /// 
        /// 该节点下摄像机集合
        /// 
        public List> CameraNodeDataList
        {
            get
            {
                return _cameraNodeDataList;
            }
            set
            {
                _cameraNodeDataList = value;
            }
        }

        private int _CameraCount;
        /// 
        /// 该节点下像机总数
        /// 
        public int CameraCount
        {
            get
            {
                return _CameraCount;
            }
            set
            {
                _CameraCount = value;
                OnPropertyChanged("CameraCount");

                CameraCountString = string.Format("({0}/{1})", OnlineCameraCount, CameraCount);
            }
        }

        private int _OnlineCameraCount;
        /// 
        /// 该节点下在线像机总数
        /// 
        public int OnlineCameraCount
        {
            get
            {
                return _OnlineCameraCount;
            }
            set
            {
                _OnlineCameraCount = value;
                OnPropertyChanged("OnlineCameraCount");

                CameraCountString = string.Format("({0}/{1})", OnlineCameraCount, CameraCount);
            }
        }

        private string _CameraCountString;
        /// 
        /// 该节点下像机总数String
        /// 
        public string CameraCountString
        {
            get
            {
                return _CameraCountString;
            }
            set
            {
                _CameraCountString = value;
                OnPropertyChanged("CameraCountString");
            }
        }

        /// 
        /// 树节点数据 构造函数
        /// 
        public TreeNodeData()
        {

        }

        protected void OnPropertyChanged(string name)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(name));
            }
        }
    }
}

TreeNodeDataT.cs：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace Models
{
    /// 
    /// 树节点数据
    /// 
    public class TreeNodeData : TreeNodeData
    {
        private T _info;
        /// 
        /// 业务数据
        /// 
        public T Info
        {
            get
            {
                return _info;
            }
            set
            {
                _info = value;
                OnPropertyChanged("Info");
            }
        }

        public TreeNodeData(T info)
        {
            _info = info;
        }
    }
}

TreeItemContainerStyleSelector.cs：

using Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;

namespace Converter
{
    public class TreeItemContainerStyleSelector : StyleSelector
    {
        public override Style SelectStyle(object item, DependencyObject container)
        {
            FrameworkElement frameworkElement = container as FrameworkElement;

            if (item is TreeNodeData)
            {
                return frameworkElement.FindResource("orgItemStyle") as Style;
            }
            else
            {
                return frameworkElement.FindResource("cameraItemStyle") as Style;
            }
        }
    }
}

OrgCameraTree.xaml：

实现的关键是使用了WPF的HierarchicalDataTemplate和TreeView的ItemContainerStyleSelector属性

<UserControl x:Class="Controls.OrgCameraTree"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             xmlns:local="clr-namespace:Controls"
             xmlns:converter="clr-namespace:Converter"
             xmlns:models="clr-namespace:Models"
             d:DesignHeight="300" d:DesignWidth="300">
    <UserControl.Resources>
        <converter:TreeItemContainerStyleSelector x:Key="styleSelector"/>
    UserControl.Resources>
    <Grid>
        <TreeView x:Name="orgTree" ItemContainerStyleSelector="{StaticResource styleSelector}" >
            <TreeView.Resources>
                <converter:BoolToVisibilityConverter x:Key="boolToVisibilityConverter"/>
                <converter:CountToVisibilityConverter x:Key="countToVisibilityConverter"/>
                <converter:CameraToTextColorConverter x:Key="cameraToTextColorConverter"/>
                <converter:CameraToImageConverter x:Key="cameraToImageConverter"/>
                <converter:OrgLevelToImageConverter x:Key="orgLevelToImageConverter"/>

                <ControlTemplate x:Key="menuItemTemplate" TargetType="MenuItem">
                    <Border Name="bd" Height="30" Background="Transparent">
                        <StackPanel Orientation="Horizontal">
                            <Image x:Name="img" Stretch="None" Margin="10,0,10,0" Source="/Images/二级菜单左箭头.png">Image>
                            <TextBlock x:Name="tb" Margin="0,0,10,0" Foreground="#fff" VerticalAlignment="Center" Text="{Binding Header, RelativeSource={RelativeSource TemplatedParent}}"/>
                        StackPanel>
                    Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="bd" Property="Background" Value="#99001133" />
                            <Setter TargetName="tb" Property="Foreground" Value="#ff5e5e" />
                            <Setter TargetName="tb" Property="Margin" Value="0,0,9,0" />
                            <Setter TargetName="img" Property="Source" Value="/Images/左箭头_选中.png">Setter>
                        Trigger>
                    ControlTemplate.Triggers>
                ControlTemplate>
                <ControlTemplate x:Key="menuSeperatorTemplate" TargetType="Separator">
                    <Border Background="#6fff">
                    Border>
                ControlTemplate>
                <ControlTemplate x:Key="menuTemplate" TargetType="ContextMenu">
                    <Border Name="bd" Background="#99001133">
                        <ItemsPresenter/>
                    Border>
                ControlTemplate>

                <Style x:Key="orgItemStyle" TargetType="{x:Type TreeViewItem}">
                    <Style.Setters>
                        <Setter Property="IsExpanded" Value="{Binding IsExpanded}">Setter>
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type TreeViewItem}">
                                    <StackPanel Visibility="{Binding IsVisible,Converter={StaticResource boolToVisibilityConverter}}">
                                        <StackPanel Orientation="Horizontal"  Height="20">
                                            <ToggleButton Checked="toggleButton_Checked" Name="toggleButton" Focusable="True" PreviewMouseLeftButtonDown="toggleButton_PreviewMouseLeftButtonDown" IsChecked="{Binding RelativeSource={RelativeSource Mode=TemplatedParent},Path=IsExpanded,Mode=TwoWay}"
                                                          Visibility="{Binding ExpandVisible}" IsTabStop="False" >
                                                <ToggleButton.Template>
                                                    <ControlTemplate TargetType="{x:Type ToggleButton}" >
                                                        <Border   Height="20" Width="20" Background="Transparent">
                                                            <Path Height="6" Width="6" HorizontalAlignment="Center" Name="expander" RenderTransformOrigin="0.5,0.5" Data="M0,0 L0,6 L6,0 z" Stroke="White" StrokeThickness="1"  VerticalAlignment="Center"  Visibility="{Binding IsLeaf,Converter={StaticResource boolToVisibilityConverter},ConverterParameter=false}">
                                                            Path>
                                                        Border>
                                                        <ControlTemplate.Triggers>
                                                            <Trigger Property="IsChecked" Value="true">
                                                                <Setter Property="RenderTransform" TargetName="expander">
                                                                    <Setter.Value>
                                                                        <RotateTransform Angle="180"/>
                                                                    Setter.Value>
                                                                Setter>
                                                                <Setter Property="Fill" TargetName="expander" Value="White">
                                                                Setter>
                                                            Trigger>
                                                            <Trigger Property="IsChecked" Value="false">
                                                                <Setter Property="RenderTransform" TargetName="expander">
                                                                    <Setter.Value>
                                                                        <RotateTransform Angle="135"/>
                                                                    Setter.Value>
                                                                Setter>
                                                                <Setter Property="Fill" TargetName="expander" Value="White">
                                                                Setter>
                                                            Trigger>
                                                        ControlTemplate.Triggers>
                                                    ControlTemplate>
                                                ToggleButton.Template>
                                            ToggleButton>
                                            <CheckBox VerticalAlignment="Center" Tag="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type TreeViewItem}},Path=DataContext}" IsChecked="{Binding IsSelected,Mode=TwoWay}" Checked="CheckBox_Checked" Unchecked="CheckBox_Unchecked" Click="CheckBox_Click" Margin="3 0 0 0" Visibility="{Binding IsCheckable, Converter={StaticResource boolToVisibilityConverter}}" IsTabStop="False" />
                                            <StackPanel Margin="5 0 0 0" Orientation="Horizontal"  Name="panel">
                                                <Image Height="15" Width="15" Source="{Binding Info.orgLevel,Converter={StaticResource orgLevelToImageConverter}}" VerticalAlignment="Center"/>
                                                <TextBlock x:Name="textBlock" Foreground="White" Margin="5 0 0 0" Text="{Binding Info.orgName}" VerticalAlignment="Center"/>
                                                <TextBlock x:Name="textCount" Foreground="White" Margin="5 0 0 0" Text="{Binding CameraCountString}" VerticalAlignment="Center"/>
                                                <Viewbox Height="15" Margin="5 0 0 0" Visibility="{Binding IsLoading,Converter={StaticResource boolToVisibilityConverter}}">
                                                    <local:LoadingWait/>
                                                Viewbox>
                                            StackPanel>
                                        StackPanel>
                                        <Grid x:Name="itemspanel" Visibility="Collapsed" Margin="15 0 0 0">
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="auto"/>
                                                <RowDefinition Height="auto"/>
                                            Grid.RowDefinitions>
                                            <ItemsPresenter/>
                                            <local:SimplePageControl x:Name="pageCtrl" Grid.Row="1" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="30 0 0 0" TextColor="White"  
                                                Visibility="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type TreeViewItem}},Path=DataContext.PageCtrlVisible}" 
                                                Tag="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type TreeViewItem}},Path=DataContext}" 
                                                TotalRecords="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type TreeViewItem}},Path=DataContext.CameraCount}" 
                                                RecordsPerPage="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type TreeViewItem}},Path=DataContext.PageSize}" 
                                                evtPageChanged="pageCtrl_evtPageChanged" />
                                        Grid>
                                    StackPanel>
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="IsSelected" Value="true">
                                            <Setter Property="Background" TargetName="textBlock" Value="#FF497AE1"/>
                                            <Setter Property="Foreground" TargetName="textBlock" Value="White"/>
                                        Trigger>
                                        <Trigger Property="IsExpanded" Value="true">
                                            <Setter TargetName="itemspanel" Property="Visibility" Value="Visible"/>
                                        Trigger>
                                    ControlTemplate.Triggers>
                                ControlTemplate>
                            Setter.Value>
                        Setter>
                    Style.Setters>
                Style>

                <Style x:Key="cameraItemStyle" TargetType="{x:Type TreeViewItem}">
                    <Style.Setters>
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type TreeViewItem}">
                                    <StackPanel Visibility="{Binding IsVisible,Converter={StaticResource boolToVisibilityConverter}}">
                                        <StackPanel Orientation="Horizontal" Height="20" Margin="10 0 0 0">
                                            <CheckBox IsChecked="{Binding IsSelected,Mode=TwoWay}" Visibility="{Binding IsCheckable, Converter={StaticResource boolToVisibilityConverter}}" Margin="5 0 0 0" VerticalAlignment="Center" Click="Camera_CheckBox_Click" Tag="{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type TreeViewItem}},Path=DataContext}" IsTabStop="False" />
                                            <StackPanel Margin="5 0 0 0" Orientation="Horizontal"  Name="panel">
                                                <Image x:Name="cameraImg" Height="16" Width="16" Source="{Binding Info,Converter={StaticResource cameraToImageConverter}}"  VerticalAlignment="Center"/>
                                                <TextBlock MouseLeftButtonDown="textBlock_MouseLeftButtonDown" x:Name="textBlock" Foreground="{Binding IsOnline,Converter={StaticResource cameraToTextColorConverter}}" Margin="5 0 0 0" Tag="{Binding Info}" Text="{Binding Info.CAMERA_NAME}" VerticalAlignment="Center" />
                                            StackPanel>
                                        StackPanel>
                                        <ItemsPresenter  Name="itemspanel" Visibility="Collapsed" Margin="10 0 0 0"/>
                                        <StackPanel.ContextMenu>
                                            <ContextMenu Template="{StaticResource menuTemplate}">
                                                <MenuItem Name="menuShowDetails" Header="摄像机详细信息" Template="{StaticResource menuItemTemplate}" Tag="{Binding Info}" Click="menuShowDetails_Click">MenuItem>
                                            ContextMenu>
                                        StackPanel.ContextMenu>
                                    StackPanel>
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="IsSelected" Value="true">
                                            <Setter Property="Background" TargetName="textBlock" Value="#FF497AE1"/>
                                            <Setter Property="Foreground" TargetName="textBlock" Value="White"/>
                                        Trigger>
                                        <Trigger Property="IsExpanded" Value="true">
                                            <Setter TargetName="itemspanel" Property="Visibility" Value="Visible"/>
                                        Trigger>
                                    ControlTemplate.Triggers>
                                ControlTemplate>
                            Setter.Value>
                        Setter>
                    Style.Setters>
                Style>
            TreeView.Resources>
            <TreeView.Template>
                <ControlTemplate>
                    <ScrollViewer HorizontalScrollBarVisibility="Auto" MinHeight="{Binding ElementName=orgTree,Path=ActualHeight}" MinWidth="{Binding ElementName=orgTree, Path=ActualWidth}">
                        <ItemsPresenter>ItemsPresenter>
                    ScrollViewer>
                ControlTemplate>
            TreeView.Template>
            <TreeView.ItemTemplate>
                <HierarchicalDataTemplate DataType="{x:Type models:TreeNodeData}" ItemsSource="{Binding Path=Children}" >HierarchicalDataTemplate>
            TreeView.ItemTemplate>
        TreeView>

        <local:LoadingWait VerticalAlignment="Center" HorizontalAlignment="Center" x:Name="loadingWait"/>
    Grid>
UserControl>

OrgCameraTree.xaml.cs：

using Models;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace Controls
{
    /// 
    /// 组织机构摄像机树
    /// 
    public partial class OrgCameraTree : UserControl
    {
        private ObservableCollection> _list;

        public OrgCameraTree()
        {
            InitializeComponent();
        }

        /// 
        /// 加载树节点
        /// 
        public void LoadTree(ObservableCollection> list)
        {
            _list = list;
            this.orgTree.ItemsSource = list;
            loadingWait.Visibility = Visibility.Collapsed;
        }

        #region CheckBox 组织机构选择
        private void CheckBox_Checked(object sender, RoutedEventArgs e)
        {

        }

        private void CheckBox_Unchecked(object sender, RoutedEventArgs e)
        {

        }

        private void CheckBox_Click(object sender, RoutedEventArgs e)
        {
            CheckBox checkBox = sender as CheckBox;
            TreeNodeData nodeData = checkBox.Tag as TreeNodeData;

            if (checkBox.IsChecked.Value)
            {
                CheckChildren(nodeData, true);
            }
            else
            {
                CheckParent(nodeData.Parent, false);
                CheckChildren(nodeData, false);
            }
        }

        private void CheckChildren(TreeNodeData nodeData, bool check)
        {
            if (nodeData.IsOrgLeaf)
            {
                nodeData.CameraNodeDataList.ForEach(item => item.IsSelected = check);
            }

            nodeData.Children.ToList().ForEach(child =>
            {
                child.IsSelected = check;
                CheckChildren(child, check);
            });
        }

        private void CheckParent(TreeNodeData parent, bool check)
        {
            if (parent != null)
            {
                parent.IsSelected = check;
                CheckParent(parent.Parent, check);
            }
        }
        #endregion

        #region CheckBox 摄像机选择
        private void Camera_CheckBox_Click(object sender, RoutedEventArgs e)
        {
            CheckBox checkBox = sender as CheckBox;
            TreeNodeData nodeData = checkBox.Tag as TreeNodeData;

            if (checkBox.IsChecked.Value)
            {
            }
            else
            {
                CheckParent(nodeData.Parent, false);
            }
        }
        #endregion

        #region toggleButton 展开按钮事件
        private void toggleButton_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            ToggleButton btn = sender as ToggleButton;
            btn.IsChecked = !btn.IsChecked;
            e.Handled = true;
        }

        private void toggleButton_Checked(object sender, RoutedEventArgs e)
        {
            ToggleButton btn = sender as ToggleButton;
        }
        #endregion

        #region pageCtrl_evtPageChanged 分页事件
        /// 
        /// 分页事件
        /// 
        private void pageCtrl_evtPageChanged(object sender, PageChangedEventArgs e)
        {
            SimplePageControl simplePageControl = sender as SimplePageControl;
            TreeNodeData nodeData = simplePageControl.Tag as TreeNodeData;
            List> list = GetCameraListPage(nodeData.CameraNodeDataList, nodeData.Info.id, e.PageNow, e.RecordsPerPage);
            nodeData.Children.Clear();
            list.ForEach(item =>
            {
                nodeData.Children.Add(item);
            });
        }
        #endregion

        #region GetCameraListPage 分页获取像机数据
        /// 
        /// 分页获取像机数据
        /// 
        private List> GetCameraListPage(List> cameraNodeDataList, long orgId, int currentPage, int pageSize)
        {
            List> result = new List>();

            int start = pageSize * (currentPage - 1);
            int end = pageSize * currentPage - 1;

            for (int i = start; i <= end; i++)
            {
                if (i < cameraNodeDataList.Count)
                {
                    result.Add(cameraNodeDataList[i]);
                }
            }

            return result;
        }
        #endregion

        #region textBlock_MouseLeftButtonDown 拖放
        private void textBlock_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            try
            {
                if (e.LeftButton == MouseButtonState.Pressed)
                {
                    //如果是录像回放，不加载拖拽事件
                    if (false)
                    {
                        return;
                    }
                    PtCameraInfo info = (sender as TextBlock).Tag as PtCameraInfo;
                    DragDrop.DoDragDrop(this, info, DragDropEffects.Copy);
                }
            }
            catch (Exception ex)
            {

            }
        }
        #endregion

        #region menuShowDetails_Click 显示摄像机详细信息
        private void menuShowDetails_Click(object sender, RoutedEventArgs e)
        {
            MenuItem menuItem = sender as MenuItem;
            PtCameraInfo cameraInfo = menuItem.Tag as PtCameraInfo;
            MessageBox.Show(cameraInfo.CAMERA_NAME);
        }
        #endregion

        #region 获取选择的摄像机
        /// 
        /// 获取选择的摄像机
        /// 
        public List GetSelectedCameras()
        {
            List result = new List();

            foreach (TreeNodeData item in _list)
            {
                result.AddRange(GetSelectedCameras(item));
            }

            return result;
        }

        private List GetSelectedCameras(TreeNodeData nodeData)
        {
            List result = new List();

            if (nodeData.IsOrgLeaf)
            {
                foreach (TreeNodeData item in nodeData.CameraNodeDataList)
                {
                    if (item.IsSelected)
                    {
                        result.Add(item.Info);
                    }
                }
            }
            else
            {
                foreach (TreeNodeData item in nodeData.Children)
                {
                    result.AddRange(GetSelectedCameras(item));
                }
            }

            return result;
        }
        #endregion

        #region 获取选择的组织机构
        /// 
        /// 获取选择的摄像机
        /// 
        public List GetSelectedOrgs()
        {
            List result = new List();

            foreach (TreeNodeData item in _list)
            {
                result.AddRange(GetSelectedOrgs(item));
            }

            return result;
        }

        private List GetSelectedOrgs(TreeNodeData nodeData)
        {
            List result = new List();

            if (nodeData is TreeNodeData)
            {
                PtOrgInfo orgInfo = (nodeData as TreeNodeData).Info;
                if (nodeData.IsSelected)
                {
                    result.Add(orgInfo);
                }

                foreach (TreeNodeData item in nodeData.Children)
                {
                    result.AddRange(GetSelectedOrgs(item));
                }
            }

            return result;
        }
        #endregion

        #region 查询节点
        /// 
        /// 查询节点
        /// 
        public void Search(string text)
        {
            this.loadingWait.Visibility = Visibility.Visible;

            foreach (TreeNodeData item in _list)
            {
                ClearSearch(item); //清空查询结果
            }

            if (!string.IsNullOrWhiteSpace(text))
            {
                Search(text, null);
            }

            this.loadingWait.Visibility = Visibility.Collapsed;
        }

        /// 
        /// 查询节点
        /// 
        private bool Search(string text, TreeNodeData nodeData = null)
        {
            bool result = false; //是否查询到满足条件的节点

            if (nodeData == null)
            {
                foreach (TreeNodeData item in _list) //遍历根节点
                {
                    //item.NodeData.CameraCountVisible = Visibility.Collapsed; //隐藏像机数

                    bool bl = Search(text, item); //递归查询其子节点
                    if (item.Info.orgName.Contains(text)) //当前节点满足条件
                    {
                        item.IsVisible = true;
                    }
                    else
                    {
                        if (bl) //子节点查询到结果
                        {
                            item.IsVisible = true;
                        }
                        else //子节点没有查询到结果
                        {
                            item.IsVisible = false;
                        }
                    }
                }
            }
            else
            {
                //nodeData.CameraCountVisible = Visibility.Collapsed; //隐藏像机数

                if (nodeData.IsOrgLeaf)
                {
                    foreach (TreeNodeData item in nodeData.CameraNodeDataList)
                    {
                        if (item.Info.SHORT_MSG != null && item.Info.SHORT_MSG.Contains(text)) //像机节点满足条件
                        {
                            nodeData.SearchMode = true; //隐藏分页控件
                            item.IsVisible = true; //显示
                            bool exists = false;
                            foreach (TreeNodeData child in item.Parent.Children)
                            {
                                if (child.Info.ID == item.Info.ID)
                                {
                                    exists = true;
                                    break;
                                }
                            }
                            if (!exists)
                            {
                                item.Parent.Children.Add(item);
                            }
                            result = true;
                        }
                        else
                        {
                            item.IsVisible = false; //不满足查询条件不显示
                        }
                    }
                }
                else
                {
                    foreach (TreeNodeData item in nodeData.Children)
                    {
                        bool bl = Search(text, item); //递归查询其子节点
                        if (item.Info.orgName.Contains(text)) //当前节点满足条件
                        {
                            item.IsVisible = true;
                            result = true;
                        }
                        else
                        {
                            if (bl) //子节点查询到结果
                            {
                                item.IsVisible = true;
                                result = true;
                            }
                            else //子节点没有查询到结果
                            {
                                item.IsVisible = false;
                            }
                        }
                    }
                }
            }

            return result;
        }
        #endregion

        #region 清空查询
        /// 
        /// 清空查询
        /// 
        private void ClearSearch(TreeNodeData nodeData)
        {
            nodeData.SearchMode = false; //显示分页控件
            nodeData.IsVisible = true;
            if (nodeData.CameraNodeDataList != null && nodeData.CameraNodeDataList.Count > 0)
            {
                foreach (TreeNodeData child in nodeData.CameraNodeDataList)
                {
                    child.IsVisible = true;
                }

                //分页处理
                List> list = GetCameraListPage(nodeData.CameraNodeDataList, (nodeData as TreeNodeData).Info.id, 1, nodeData.PageSize);
                nodeData.Children.Clear();
                list.ForEach(item =>
                {
                    nodeData.Children.Add(item);
                });
            }
            else
            {
                foreach (TreeNodeData child in nodeData.Children)
                {
                    ClearSearch(child);
                }
            }
        }
        #endregion

    }
}

MainWindow.xaml.cs：

using Models;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using Utils;

namespace WpfTreeDemo
{
    /// 
    /// MainWindow.xaml 的交互逻辑
    /// 
    public partial class MainWindow : Window
    {
        #region 变量
        private List orgListAll = new List();
        private List cameraListAll = new List();
        private List> orgNodeDataListFlat = new List>();
        private List> cameraNodeDataList = new List>();
        #endregion

        #region 构造函数
        public MainWindow()
        {
            InitializeComponent();
        }
        #endregion

        #region Window_Loaded
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            ShowOrgCameraTree();
        }
        #endregion

        #region Log
        private void Log(string log)
        {
            this.Dispatcher.InvokeAsync(() =>
            {
                txt.AppendText(DateTime.Now.ToString("HH:mm:ss.fff") + " " + log + "\r\n");
                txt.ScrollToEnd();
            });
        }
        #endregion

        // ==== 组织机构摄像机树 ========================================================================================

        #region ShowOrgCameraTree 显示组织机构摄像机树
        /// 
        /// 显示组织机构摄像机树
        /// 
        private void ShowOrgCameraTree(bool bigData = false)
        {
            DateTime dt = DateTime.Now;
            DateTime startTime = DateTime.Now;
            orgListAll = new List();
            cameraListAll = new List();
            orgNodeDataListFlat = new List>();
            cameraNodeDataList = new List>();
            ObservableCollection> orgNodeDataList = null;
            this.orgTree.LoadTree(new ObservableCollection>());
            this.orgTree.loadingWait.Visibility = Visibility.Visible;
            Log("============================================================");

            BackWork.RunAsync(() =>
            {
                #region 生成组织机构和摄像机测试数据
                Random rnd = new Random();

                int countI = 20;
                int countJ = 20;
                int countK = 20;

                for (int i = 0; i < countI; i++)
                {
                    long codeI = 10 + i;

                    PtOrgInfo orgI = new PtOrgInfo();
                    orgI.id = codeI;
                    orgI.parId = -1;
                    orgI.orgName = "测试机构" + codeI;
                    orgI.orgLevel = 0;
                    orgListAll.Add(orgI);

                    for (int j = 0; j < countJ; j++)
                    {
                        long codeJ = codeI * 100 + (j + 1);

                        PtOrgInfo orgJ = new PtOrgInfo();
                        orgJ.id = codeJ;
                        orgJ.parId = codeI;
                        orgJ.orgName = "测试机构" + codeJ;
                        orgJ.orgLevel = 1;
                        orgListAll.Add(orgJ);

                        for (int k = 0; k < countK; k++)
                        {
                            long codeK = codeJ * 100 + (k + 1);

                            PtOrgInfo orgK = new PtOrgInfo();
                            orgK.id = codeK;
                            orgK.parId = codeJ;
                            orgK.orgName = "测试机构" + codeK;
                            orgK.orgLevel = 2;
                            orgListAll.Add(orgK);

                            int countCamera;
                            if (i == 0 && j == 0 && k < 2)
                            {
                                countCamera = 105;
                            }
                            else
                            {
                                countCamera = rnd.Next(1, 50);
                            }
                            if (bigData) countCamera = rnd.Next(135, 180);

                            for (int x = 0; x < countCamera; x++)
                            {
                                string cameraId = (codeK * 1000 + (x + 1)).ToString();

                                PtCameraInfo camera = new PtCameraInfo();
                                camera.ID = cameraId;
                                camera.ORG_ID = orgK.id;
                                camera.CAMERA_NAME = "测试像机" + cameraId;
                                camera.SHORT_MSG = camera.CAMERA_NAME;
                                camera.CAMERA_TYPE = rnd.Next(1, 6);
                                camera.CAMERA_STATE = rnd.Next(0, 2).ToString();
                                cameraListAll.Add(camera);
                            }
                        }
                    }
                }
                #endregion

                string timeStr = DateTime.Now.Subtract(dt).TotalSeconds.ToString("0.000");
                this.Dispatcher.InvokeAsync(() =>
                {
                    Log("第1步，生成测试数据耗时：" + timeStr + " 秒");
                    Log("组织机构总数：" + orgListAll.Count + "，摄像机总数：" + cameraListAll.Count);
                });
                dt = DateTime.Now;

                orgNodeDataList = new ObservableCollection>(CreateNodeData(orgListAll, cameraListAll, out orgNodeDataListFlat, out cameraNodeDataList)); //生成树节点数据

                timeStr = DateTime.Now.Subtract(dt).TotalSeconds.ToString("0.000");
                this.Dispatcher.InvokeAsync(() =>
                {
                    Log("第2步，生成节点数据耗时：" + timeStr + " 秒");
                });
                dt = DateTime.Now;
            }, () =>
            {
                this.orgTree.LoadTree(orgNodeDataList);

                SetCameraCount(orgNodeDataListFlat, orgListAll, cameraNodeDataList); //设置在摄像机离线数量

                string timeStr = DateTime.Now.Subtract(dt).TotalSeconds.ToString("0.000");
                Log("第3步，绑定树节点耗时：" + timeStr + " 秒");
                timeStr = DateTime.Now.Subtract(startTime).TotalSeconds.ToString("0.000");
                Log("总耗时：" + timeStr + " 秒");
            }, ex =>
            {
                Log(ex.Message + "\r\n" + ex.StackTrace);
            });
        }
        #endregion

        #region CreateNodeData 创建树节点
        /// 
        /// 创建树节点
        /// 
        private List> CreateNodeData(List orgListAll, List cameraListAll, out List> orgNodeDataListFlat, out List> cameraNodeDataList)
        {
            //组织机构节点集合
            List> orgNodeDataList = orgListAll.ConvertAll(org =>
            {
                TreeNodeData nodeData = new TreeNodeData(org);
                nodeData.IsCheckable = true;
                return nodeData;
            });

            //摄像机节点集合
            cameraNodeDataList = cameraListAll.ConvertAll(camera =>
            {
                TreeNodeData nodeData = new TreeNodeData(camera);
                nodeData.IsOnline = camera.CAMERA_STATE == "1" ? true : false;
                nodeData.IsCheckable = true;
                return nodeData;
            });

            //组织机构节点字典
            Dictionary<long, TreeNodeData> dictOrgListAll = orgNodeDataList.ToLookup(item => item.Info.id).ToDictionary(item => item.Key, item => item.First());

            //遍历摄像机节点集合
            foreach (TreeNodeData cameraNodeData in cameraNodeDataList.ToList())
            {
                long cameraOrgId = Convert.ToInt64(cameraNodeData.Info.ORG_ID);
                if (dictOrgListAll.ContainsKey(cameraOrgId))
                {
                    TreeNodeData parentNodeData = dictOrgListAll[cameraOrgId];
                    parentNodeData.IsOrgLeaf = true;
                    cameraNodeData.Parent = parentNodeData;
                    if (parentNodeData.Children.Count < cameraNodeData.PageSize)
                    {
                        parentNodeData.Children.Add(cameraNodeData);
                    }
                    parentNodeData.CameraNodeDataList.Add(cameraNodeData);
                    parentNodeData.CameraCount = parentNodeData.CameraNodeDataList.Count;
                }
            }

            //遍历组织机构节点集合
            foreach (TreeNodeData orgNodeData in orgNodeDataList.ToList())
            {
                if (orgNodeData.Info.parId > 0)
                {
                    if (dictOrgListAll.ContainsKey(orgNodeData.Info.parId))
                    {
                        TreeNodeData parentNodeData = dictOrgListAll[orgNodeData.Info.parId];
                        orgNodeData.Parent = parentNodeData;
                        parentNodeData.Children.Add(orgNodeData);
                    }
                }
            }

            orgNodeDataListFlat = orgNodeDataList;
            return orgNodeDataList.FindAll(nodeData => nodeData.Info.parId == -1);
        }
        #endregion

        #region SetCameraCount 显示组织机构下的像机总数
        /// 
        /// 显示组织机构下的像机总数
        /// 
        private void SetCameraCount(List> orgNodeDataList, List orgListAll, List> cameraNodeDataList)
        {
            int _buildPeroid = 0;
            int _treeType = 1;

            Dictionary<long, int> dictCameraCount;
            Dictionary<long, int> dictOnlineCameraCount;
            GetCameraCountDict(orgListAll, cameraNodeDataList, out dictCameraCount, out dictOnlineCameraCount);

            if (_buildPeroid == 0)
            {
                if (_treeType == 1)
                {
                    Dictionary<long, int> dicCameraCount = dictCameraCount;
                    Dictionary<long, int> dicOnlineCameraCount = dictOnlineCameraCount;

                    foreach (TreeNodeData orgNodeData in orgNodeDataList)
                    {
                        PtOrgInfo org = orgNodeData.Info as PtOrgInfo;

                        int nOnline;
                        int nCount;
                        if (dicCameraCount.TryGetValue(org.id, out nCount) && dicOnlineCameraCount.TryGetValue(org.id, out nOnline))
                        {
                            orgNodeData.CameraCount = nCount;
                            orgNodeData.CameraCountString = string.Format("({0}/{1})", nOnline, nCount);
                        }
                    }
                }
                else
                {
                    foreach (TreeNodeData orgNodeData in orgNodeDataList)
                    {
                        PtOrgInfo org = orgNodeData.Info as PtOrgInfo;

                        int nOnline;
                        int nCount;
                        dictCameraCount.TryGetValue(org.id, out nCount);
                        dictOnlineCameraCount.TryGetValue(org.id, out nOnline);
                        orgNodeData.CameraCount = nCount;
                        orgNodeData.CameraCountString = string.Format("({0}/{1})", nOnline, nCount);
                    }
                }
            }
            else
            {
                foreach (TreeNodeData orgNodeData in orgNodeDataList)
                {
                    PtOrgInfo org = orgNodeData.Info as PtOrgInfo;

                    int nOnline;
                    int nCount;
                    dictCameraCount.TryGetValue(org.id, out nCount);
                    dictOnlineCameraCount.TryGetValue(org.id, out nOnline);
                    orgNodeData.CameraCount = nCount;
                    orgNodeData.CameraCountString = string.Format("({0}/{1})", nOnline, nCount);
                }
            }
        }

        #endregion 显示组织机构下的像机总数

        #region GetCameraCountDict 计算所有组织机构下的像机数

        /// 
        /// 计算所有组织机构下的像机数
        /// 
        private void GetCameraCountDict(List orgListAll, List> cameraNodeDataList, out Dictionary<long, int> dictCameraCount, out Dictionary<long, int> dictOnlineCameraCount)
        {
            int _treeType = 1;
            List cameraListAll = cameraNodeDataList.ConvertAll(a => a.Info);

            dictCameraCount = new Dictionary<long, int>();
            dictOnlineCameraCount = new Dictionary<long, int>();

            //组织机构字典
            Dictionary<long, PtOrgInfo> dictOrgListAll = orgListAll.ToLookup(item => item.id).ToDictionary(item => item.Key, item => item.First());
            Dictionary<string, PtOrgInfo> dictOrgListAllByOrgName = orgListAll.ToLookup(item => item.orgName).ToDictionary(item => item.Key, item => item.First());

            //初始化数据
            foreach (PtOrgInfo orgInfo in orgListAll)
            {
                dictCameraCount.Add(orgInfo.id, 0);
                dictOnlineCameraCount.Add(orgInfo.id, 0);
            }

            //遍历所有父级组织机构，像机数+1
            Actionlong, int>> action = null;
            action = (PtOrgInfo orgInfo, Dictionary<long, int> dict) =>
            {
                PtOrgInfo parentOrg;
                if (dictOrgListAll.TryGetValue(orgInfo.parId, out parentOrg))
                {
                    dict[parentOrg.id]++;
                    action(parentOrg, dict);
                }
            };

            if (_treeType == 5) cameraListAll = cameraListAll.FindAll(a => a.RECODE_SAVE_TYPE == 2 && a.BuildPeriod == 2);

            foreach (TreeNodeData cameraNodeData in cameraNodeDataList)
            {
                long orgId = -1;
                PtCameraInfo cameraInfo = cameraNodeData.Info;

                if (cameraInfo.ORG_ID.HasValue && cameraNodeData.IsVisible)
                {
                    if (_treeType == 1)
                    {
                        orgId = (long)cameraInfo.ORG_ID.Value;
                    }
                    if (_treeType == 2)
                    {
                        orgId = (long)cameraInfo.KeyUnit;
                    }
                    if (_treeType == 3)
                    {
                        if (!string.IsNullOrWhiteSpace(cameraInfo.Street))
                        {
                            PtOrgInfo orgInfo;
                            if (dictOrgListAllByOrgName.TryGetValue(cameraInfo.Street, out orgInfo))
                            {
                                orgId = orgInfo.id;
                            }
                        }
                    }
                    if (_treeType == 5)
                    {
                        orgId = (long)cameraInfo.ORG_ID.Value;
                    }
                }

                if (orgId > 0)
                {
                    if (dictCameraCount.ContainsKey(orgId))
                    {
                        dictCameraCount[orgId]++;
                    }
                    else
                    {
                        dictCameraCount.Add(orgId, 1);
                    }
                    PtOrgInfo orgInfo;
                    if (dictOrgListAll.TryGetValue(orgId, out orgInfo))
                    {
                        action(orgInfo, dictCameraCount);
                    }
                }

                if (orgId > 0 && cameraInfo.CAMERA_STATE == "1")
                {
                    if (dictOnlineCameraCount.ContainsKey(orgId))
                    {
                        dictOnlineCameraCount[orgId]++;
                    }
                    else
                    {
                        dictOnlineCameraCount.Add(orgId, 1);
                    }
                    PtOrgInfo orgInfo;
                    if (dictOrgListAll.TryGetValue(orgId, out orgInfo))
                    {
                        action(orgInfo, dictOnlineCameraCount);
                    }
                }
            }
        }

        #endregion 计算所有组织机构下的像机数

        // ==== 按钮事件 ================================================================================================

        #region btnReloadTree_Click 重新生成树
        private void btnReloadTree_Click(object sender, RoutedEventArgs e)
        {
            ShowOrgCameraTree();
        }
        #endregion

        #region btnSelectedCameras_Click 获取选择的摄像机集合
        private void btnSelectedCameras_Click(object sender, RoutedEventArgs e)
        {
            DateTime dt = DateTime.Now;
            List list = this.orgTree.GetSelectedCameras();
            if (list.Count > 0)
            {
                StringBuilder sbCameras = new StringBuilder();
                list.ForEach(item =>
                {
                    sbCameras.Append("，" + item.CAMERA_NAME);
                });
                Log(sbCameras.ToString(1, sbCameras.Length - 1));
                string timeStr = DateTime.Now.Subtract(dt).TotalSeconds.ToString("0.000");
                Log("选择的摄像机总数：" + list.Count);
                Log("获取选择的摄像机集合耗时：" + timeStr + " 秒\r\n");
            }
            else
            {
                Log("选择的摄像机总数：" + list.Count);
            }
        }
        #endregion

        #region btnSelectedOrgs_Click 获取选择的组织机构集合
        private void btnSelectedOrgs_Click(object sender, RoutedEventArgs e)
        {
            DateTime dt = DateTime.Now;
            List list = this.orgTree.GetSelectedOrgs();
            if (list.Count > 0)
            {
                StringBuilder sbCameras = new StringBuilder();
                list.ForEach(item =>
                {
                    sbCameras.Append("，" + item.orgName);
                });
                Log(sbCameras.ToString(1, sbCameras.Length - 1));
                string timeStr = DateTime.Now.Subtract(dt).TotalSeconds.ToString("0.000");
                Log("选择的组织机构总数：" + list.Count);
                Log("获取选择的组织机构集合耗时：" + timeStr + " 秒\r\n");
            }
            else
            {
                Log("选择的组织机构总数：" + list.Count);
            }
        }
        #endregion

        #region btnSearch_Click 搜索
        private void btnSearch_Click(object sender, RoutedEventArgs e)
        {
            DateTime dt = DateTime.Now;
            this.orgTree.Search(txtSearchKey.Text.Trim());
            SetCameraCount(orgNodeDataListFlat, orgListAll, cameraNodeDataList); //设置摄像机在离线数量
            string timeStr = DateTime.Now.Subtract(dt).TotalSeconds.ToString("0.000");
            Log("搜索耗时：" + timeStr + " 秒");
        }
        #endregion

        #region btnReloadTree_Click 重新生成树(较大数据量)
        private void btnReloadTreeBigData_Click(object sender, RoutedEventArgs e)
        {
            ShowOrgCameraTree(true);
        }
        #endregion

    }
}

效果图：

效果图2：

效果图3：

WPF

WPF 组织机构摄像机树全量加载大数据量分页加载摄像机节点

相关

WPF create Flower shape

WPF 实现简易事件聚合

WPF的xaml中特殊字符表示

【WPF】三维模型中的“照相机”

WindowsXamlHost：在 WPF 中使用 UWP 的控件（Windows Community Toolkit）

WPF资源加载

一、WPF入门教程——创建WPF项目

WPF 踩坑笔记3 创建wpf样式类库 styling

WPF 踩坑笔记3 创建wpf样式类库 styling

C# WPF：这次把文件拖出去！

WPF开源控件扩展库 - MaterialDesignExtensions

WPF窗口最大化、最小化和关闭按钮功能的禁用

标签

WPF 组织机构摄像机树 全量加载 大数据量 分页加载摄像机节点

相关

WPF 组织机构摄像机树全量加载大数据量分页加载摄像机节点