当前位置： 首页 > news >正文

初步探讨WPF的ListView控件(涉及模板、查找子控件)

news 来源：原创 2024/5/16 3:39:23

     本文结合模板的应用初步介绍ListView的应用

一、Xaml中如何建立数据资源

      大部分数据都会来自于后台代码，如何Xaml同样的建立数据源呢？比如建立一个学生List：

      首先引入命名空间： xmlns:c="clr-namespace:System.Collections;assembly=mscorlib"

      然后代码如下：     

  <c:ArrayList x:Key="stuList">
            <local:Student Id="1" Name="小明" Grade="研一" Professional="计算机技术" HasJob="true"></local:Student>
            <local:Student Id="2" Name="小李" Grade="大一" Professional="网络工程" HasJob="true"></local:Student>
            <local:Student Id="3" Name="小张" Grade="研一" Professional="软件工程" HasJob="False"></local:Student>
            <local:Student Id="4" Name="小王" Grade="研一" Professional="自动化控制" HasJob="true"></local:Student>
            <local:Student Id="5" Name="大王" Grade="研一" Professional="软件设计" HasJob="False"></local:Student>
        </c:ArrayList>

二、定义数据展示模板
      展示数据使用的是ListView的View属性，MSDN解释：Gets or sets an object that defines how the data is styled and organized in a ListView control. 说明是可以在里面放一些数据样式和一些控件模板的。其实这个Control暂时只能是GridView。每一个Student就是一列数据，我们要把学生显示到列上，所以就用到了GridView的GridViewColumn属性。关于GridView不在细说，请查阅MSDN。

      最终数据是展示在GridViewColumn上面的，那么我们就开始设计我们GridViewColumn的数据模板，代码如下：

     

        <DataTemplate x:Key="NameDt">
            <TextBox x:Name="textboxName" Text="{Binding Name}" GotFocus="textboxName_GotFocus"></TextBox>
        </DataTemplate>
        <DataTemplate x:Key="GradeDt">
            <TextBox x:Name="textboxGrade" Text="{Binding Grade}"></TextBox>            
        </DataTemplate>
        <DataTemplate x:Key="ProfessionalDt">
            <TextBox x:Name="textboxProfessional" Text="{Binding Professional}"></TextBox>
        </DataTemplate>
        <DataTemplate x:Key="HasJobDt">
            <CheckBox x:Name="CheckBocHasJob" IsChecked="{Binding HasJob}"></CheckBox>            
        </DataTemplate>

      我们为每列数据定义了数据展示模板，当然你也可以自己定义别的，我仅仅是示例下！
三、使用ListView展示数据

      有了以上的准备，下面就是通过ListView把数据和数据模板，通过绑定等联接起来了，需要注意的是，我们第二步定义的模板应用到的是CellTemplate上面，其实就是单元格的数据模板。

      代码如下：

     

  <ListView x:Name="ListViewStudent" ItemsSource="{StaticResource stuList}">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="ID" DisplayMemberBinding="{Binding Id}"></GridViewColumn>
                    <GridViewColumn Header="姓名" CellTemplate="{StaticResource NameDt}"></GridViewColumn>
                    <GridViewColumn Header="年级" CellTemplate="{StaticResource GradeDt}"></GridViewColumn>
                    <GridViewColumn Header="专业" CellTemplate="{StaticResource ProfessionalDt}"></GridViewColumn>
                    <GridViewColumn Header="已工作" CellTemplate="{StaticResource HasJobDt}"></GridViewColumn>
                </GridView>
            </ListView.View>
        </ListView>

     这样与运行程序，成功实现了绑定，并通过自己自定义的模板显示了数据，而且数据显示格式是自定义的，当然你可以不用模板，使用默认的模板，这样是不能改动数据的。默认的我就不介绍了。

四、ListView之数据操作

      数据展示完了，那么数据操作呢？

      比如我们有这么一个需求：当点击CheckBox时候，需要获取学生的信息，然后进行相关操作等。

      我们在CheckBox的Checked事件下面写如下代码：

      

private void CheckBocHasJob_Checked(object sender, RoutedEventArgs e)
        {

            CheckBox tb = e.OriginalSource as CheckBox;
            ContentPresenter cp = tb.TemplatedParent as ContentPresenter;
            Student stu = cp.Content as Student;
            MessageBox.Show(stu.Name + stu.Grade + stu.Professional);
                              
        }

      这段代码不难理解，首先通过 e.OriginalSource获取是那个控件触发的事件，通过控件的TemplatedParent属性，查找到上层的数据展示模板（其实是ListView视觉树里面的数据呈现模板）。这样通过Content属性即可获得Student的相关信息了。

五、Listview之控件查找

      比如有这么一个需求：我想知道我点击选中checkbox的时候，这个CheckBox的控件名字是什么？

      首先分析一下，CheckBox是模板里面的，不在逻辑树上，肯定要是用VaisualTreeHelper这个类，实现这个功能之前需要借助一个函数，此函数功能是获取控件逻辑树或视觉树上的指定类型控件。如下：

    

private ChildType FindVisualChild<ChildType>(DependencyObject obj) where ChildType : DependencyObject
        {
            for (int i = 0; i < VisualTreeHelper.GetChildrenCount(obj); i++)
            {
                DependencyObject child = VisualTreeHelper.GetChild(obj,i);
                if (child!=null&& child is ChildType)
                {
                    return child as ChildType;
                }
                else
                {
                    ChildType childOfChildren = FindVisualChild<ChildType>(child);
                    if (childOfChildren!=null)
                    {
                        return childOfChildren;
                    }
                }
            }
            return null;
            
        }

       有了以上这个函数，功能就很好实现了，ListviewItem作为参数传入，查找CheckBox类型的控件即可：修改Checked事件代码如下：

       private void CheckBocHasJob_Checked(object sender, RoutedEventArgs e)
        {
            //访问业务逻辑数据
            CheckBox tb = e.OriginalSource as CheckBox;
            ContentPresenter cp = tb.TemplatedParent as ContentPresenter;
            Student stu = cp.Content as Student;
            MessageBox.Show(stu.Name + stu.Grade + stu.Professional);
            // this.ListViewStudent.SelectedItem = stu;

            //访问界面元素
            ListViewItem lvi = this.ListViewStudent.ItemContainerGenerator.ContainerFromItem(stu) as ListViewItem;
            CheckBox cb = FindVisualChild<CheckBox>(lvi);
            MessageBox.Show(cb.Height + cb.Name + cb.Width);
           
        }

OK，这样你就可以成功获取到你想要的任何东西了~~~

全部代码：

Xaml：

<Window x:Class="ContentDataTemplate.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:c="clr-namespace:System.Collections;assembly=mscorlib"
        xmlns:local="clr-namespace:ContentDataTemplate"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <c:ArrayList x:Key="stuList">
            <local:Student Id="1" Name="小明" Grade="研一" Professional="计算机技术" HasJob="true"></local:Student>
            <local:Student Id="2" Name="小李" Grade="大一" Professional="网络工程" HasJob="true"></local:Student>
            <local:Student Id="3" Name="小张" Grade="研一" Professional="软件工程" HasJob="False"></local:Student>
            <local:Student Id="4" Name="小王" Grade="研一" Professional="自动化控制" HasJob="true"></local:Student>
            <local:Student Id="5" Name="大王" Grade="研一" Professional="软件设计" HasJob="False"></local:Student>
        </c:ArrayList>
        <DataTemplate x:Key="NameDt">
            <TextBox x:Name="textboxName" Text="{Binding Name}" GotFocus="textboxName_GotFocus"></TextBox>
        </DataTemplate>
        <DataTemplate x:Key="GradeDt">
            <TextBox x:Name="textboxGrade" Text="{Binding Grade}"></TextBox>            
        </DataTemplate>
        <DataTemplate x:Key="ProfessionalDt">
            <TextBox x:Name="textboxProfessional" Text="{Binding Professional}"></TextBox>
        </DataTemplate>
        <DataTemplate x:Key="HasJobDt">
            <CheckBox x:Name="CheckBocHasJob" IsChecked="{Binding HasJob}" Checked="CheckBocHasJob_Checked"></CheckBox>            
        </DataTemplate>
    </Window.Resources>
    <Grid Margin="5">
        <ListView x:Name="ListViewStudent" ItemsSource="{StaticResource stuList}">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="ID" DisplayMemberBinding="{Binding Id}"></GridViewColumn>
                    <GridViewColumn Header="姓名" CellTemplate="{StaticResource NameDt}"></GridViewColumn>
                    <GridViewColumn Header="年级" CellTemplate="{StaticResource GradeDt}"></GridViewColumn>
                    <GridViewColumn Header="专业" CellTemplate="{StaticResource ProfessionalDt}"></GridViewColumn>
                    <GridViewColumn Header="已工作" CellTemplate="{StaticResource HasJobDt}"></GridViewColumn>
                </GridView>
            </ListView.View>
        </ListView>
    </Grid>
</Window>
View Code

C# CODE：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
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;

namespace ContentDataTemplate
{


    class Student
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public string Grade { get; set; }
        public string  Professional { get; set; }
        public bool HasJob { get; set; }
    }
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void textboxName_GotFocus(object sender, RoutedEventArgs e)
        {
            //访问业务逻辑数据
            TextBox tb = e.OriginalSource as TextBox;
            ContentPresenter cp = tb.TemplatedParent as ContentPresenter;
            Student stu = cp.Content as Student;
            MessageBox.Show(stu.Name + stu.Grade + stu.Professional);
           // this.ListViewStudent.SelectedItem = stu;

            //访问界面元素
            ListViewItem lvi = this.ListViewStudent.ItemContainerGenerator.ContainerFromItem(stu) as ListViewItem;//获取ListViewItem
            CheckBox cb = FindVisualChild<CheckBox>(lvi);
            MessageBox.Show(cb.Name);
           
        }
        /// <summary>
        /// 寻找某个控件下的子控件
        /// </summary>
        /// <typeparam name="ChildType"></typeparam>
        /// <param name="obj"></param>
        /// <returns></returns>
        private ChildType FindVisualChild<ChildType>(DependencyObject obj) where ChildType : DependencyObject
        {
            for (int i = 0; i < VisualTreeHelper.GetChildrenCount(obj); i++)
            {
                DependencyObject child = VisualTreeHelper.GetChild(obj,i);
                if (child!=null&& child is ChildType)
                {
                    return child as ChildType;
                }
                else
                {
                    ChildType childOfChildren = FindVisualChild<ChildType>(child);
                    if (childOfChildren!=null)
                    {
                        return childOfChildren;
                    }
                }
            }
            return null;
            
        }

        private void CheckBocHasJob_Checked(object sender, RoutedEventArgs e)
        {
            //访问业务逻辑数据
            CheckBox tb = e.OriginalSource as CheckBox;
            ContentPresenter cp = tb.TemplatedParent as ContentPresenter;
            Student stu = cp.Content as Student;
            MessageBox.Show(stu.Name + stu.Grade + stu.Professional);
            // this.ListViewStudent.SelectedItem = stu;

            //访问界面元素
            ListViewItem lvi = this.ListViewStudent.ItemContainerGenerator.ContainerFromItem(stu) as ListViewItem;
            CheckBox cb = FindVisualChild<CheckBox>(lvi);
            MessageBox.Show(cb.Height + cb.Name + cb.Width);
           
        }
    }
}
View Code

 后面我会继续深入介绍ListView的使用，包括样式、分组、排序等，敬请期待。

 

---------------------------------------------------------------------------------------------------------------------------------------------

作者：GavinDream（GavinJune主页 博客园） 出处：http://www.cnblogs.com/fuchongjundream/ 任何转载必须保留完整文章，在显要地方显示署名以及原文链接。如您有任何疑问或者授权方面的协商，请发邮件给我 或者 留言。

 

    

 

 

 

     

 

相关文章：

  • 对称加密算法 非对称加密算法
  • Android系统默认Home应用程序（Launcher）的启动过程源码分析
  • JDBC（二）驱动程序类型发展历程
  • 【JavaScript】n++ VS ++n
  • 【Mybatis】 Mybatis在xml文件中处理大于号小于号的方法【问题】
  • ubuntu下安装thttpd
  • 五、万无一失：网站的高可用架构
  • 日期控件收藏
  • BCH可以直接买机票了！
  • 2000条你应知的WPF小姿势 基础篇51-56 依赖属性
  • vue和cordova项目整合打包，并实现vue调用android的相机的demo
  • 《PC端通过http的方式请求并带上cookie》
  • SUSE常用命令
  • 开源运维堡垒机(跳板机)系统 Jumpver v0.1.0 架构说明
  • 小米电视屏蔽广告规则
  • 2017-09-12 前端日报
  • 4月23日世界读书日 网络营销论坛推荐《正在爆发的营销革命》
  • Brief introduction of how to 'Call, Apply and Bind'
  • fetch 从初识到应用
  • Hibernate【inverse和cascade属性】知识要点
  • JAVA_NIO系列——Channel和Buffer详解
  • JS专题之继承
  • leetcode46 Permutation 排列组合
  • macOS 中 shell 创建文件夹及文件并 VS Code 打开
  • PHP的Ev教程三(Periodic watcher)
  • React16时代，该用什么姿势写 React ?
  • REST架构的思考
  • SpringCloud（第 039 篇）链接Mysql数据库,通过JpaRepository编写数据库访问
  • vue.js框架原理浅析
  • Web设计流程优化：网页效果图设计新思路
  • 闭包--闭包作用之保存(一)
  • 纯 javascript 半自动式下滑一定高度，导航栏固定
  • 动态魔术使用DBMS_SQL
  • 服务器从安装到部署全过程（二）
  • 精彩代码 vue.js
  • 批量截取pdf文件
  • 微信小程序填坑清单
  • 问题之ssh中Host key verification failed的解决
  • 一些css基础学习笔记
  • 自定义函数
  • #微信小程序：微信小程序常见的配置传值
  • #我与Java虚拟机的故事#连载05：Java虚拟机的修炼之道
  • （39）STM32——FLASH闪存
  • （day 2）JavaScript学习笔记（基础之变量、常量和注释）
  • （顶刊）一个基于分类代理模型的超多目标优化算法
  • （四）Android布局类型（线性布局LinearLayout）
  • (转)MVC3 类型“System.Web.Mvc.ModelClientValidationRule”同时存在
  • .NET 8 中引入新的 IHostedLifecycleService 接口 实现定时任务
  • .NET CLR基本术语
  • .net 程序 换成 java,NET程序员如何转行为J2EE之java基础上（9）
  • .NET 实现 NTFS 文件系统的硬链接 mklink /J（Junction）
  • .NET中 MVC 工厂模式浅析
  • [2021]Zookeeper getAcl命令未授权访问漏洞概述与解决
  • [ABP实战开源项目]---ABP实时服务-通知系统.发布模式
  • [android] 手机卫士黑名单功能（ListView优化）