C# WPF ListView 操作 item（包括item子集中创建listview属性）

最新推荐文章于 2024-04-03 20:06:31 发布
原创 最新推荐文章于 2024-04-03 20:06:31 发布 · 1w 阅读 · 21 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍如何在C# WPF的ListView中操作item，包括添加Button、显示图片、创建item子集以及进行增删改操作。同时展示了如何对ListView中的子集进行详细的item操作，提供了前端代码示例和C#后台代码，代码注释详尽，方便理解和运行。最后，文章附带了实际运行效果的截图。

这段代码实现的功能

  1. listview的item中添加button
  2. listview的item中添加图片
  3. 向item中添加其下的listview
  4. 可以对listview进行增删改操作
  5. 对listview中任意一个item的子集中的listview中的item对象进行增删改操作

前端代码

<Window x:Class="ListviewInItemAddList.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:ListviewInItemAddList"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800" Loaded="Window_Loaded_1">
    <Grid>
        <ListView Name="list1" HorizontalAlignment="Left" Height="306" Margin="10,10,0,0" VerticalAlignment="Top" Width="401" SelectionChanged="list1_SelectionChanged">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="列1" Width="50" DisplayMemberBinding="{Binding Path=Name}"/>
                    <GridViewColumn Header="列2" Width="50" DisplayMemberBinding="{Binding Path=Id}"/>
                    <GridViewColumn Header="列3" Width="50" >
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <Button Width="30" Content="删除" Click="Button_Click1" />
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>
                    <GridViewColumn Header="列4" Width="50" >
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <Button Width="30" Content="增加" Click="Button_Click" />
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>

                    <GridViewColumn Header="列5" Width="50" >
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <Button Width="30" Content="修改" Click="Button_Click2"  />
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>
                    <GridViewColumn Header="图片" Width="50">
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <Image  Source ="{Binding Path=MyImage}"  Height="30"></Image>
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>
                </GridView>
            </ListView.View>
        </ListView>
        <ListView x:Name="list2" HorizontalAlignment="Left" Height="306" Margin="416,10,0,0" VerticalAlignment="Top" Width="307" ItemsSource="{Binding .}">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="添加音乐" DisplayMemberBinding="{Binding Path=Name2}"/>
                    <GridViewColumn Header=" " DisplayMemberBinding="{Binding Path=Id2}"/>
                    <GridViewColumn  Width="50" >
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <Button Width="30" Content="删除" Click="list2_Click" />
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>
                    <GridViewColumn  Width="50" >
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <Button Width="30" Content="修改" Click="list2_Click1" />
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>
                    <GridViewColumn  Width="50">
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <Image  Source ="{Binding Path=MyImage2}"  Height="30"></Image>
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>
                </GridView>
            </ListView.View>
        </ListView>
    </Grid>
</Window>

我们还要对listview这个控件进行设置，下面的操作，要先选定listview控件的基础上点击右键。
在这里插入图片描述

C#代码
C#代码我是直接拷贝过来的直接可以运行的；里面写了注释很详细，不过都是在自己理解的很多地方不透彻，你们可以自己运行一下看看效果。

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;
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 ListviewInItemAddList
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    /// 
    public partial class MainWindow : Window
    {
        //_maillist中存放的都是class1的构造函数类型（相当于一个列表）；
        private static ObservableCollection<Class1> _maillist = new ObservableCollection<Class1>();
   
        //ListView 的item中要添加图片需要先创建一个图片类，用来指定图片来源；
        Image image = new Image();

        //定义一个静态变量用来存储当前button所属的是那一条item，在增加事件中给其赋值；
        private static Class1 ssss = new Class1();
        public MainWindow()
    {
        InitializeComponent();

        image.Source = new BitmapImage(new Uri("E:/cc.png"));
    }

    private void list1_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
            //emp 当前选中的item对象，它的类型的Class1 类型
             Class1 emp = list1.SelectedItem as Class1;
            if (emp != null && emp is Class1)
            {
                //设置当前item对象下的列表内容
                list2.ItemsSource = emp.ListModel2;
            }
     }
        //Liast1中增加
        private void Button_Click(object sender, RoutedEventArgs e)
        {
           
            var btn = sender as Button; //btn 是一个button对象

            var c = btn.DataContext as Class1; //c 表示 btn所属的list1 中的那一条itme，其类型的Class1类型；

            ssss = c;
           
            if (c != null && c is Class1)
        {
                for (int i = 0; i < 7; i++)
                {
                    Class2 _listmodel = new Class2(name: "sz"+i, id: "2z"+i, myImage: image.Source);//Class2也是一个构造函数类型和Class1一样，用来当做list1的item中listView中的内容；

                    c.ListModel2.Add(_listmodel);//添加list1中ListModel2属性的内容（就是添加到当前选中的list1中那个item中）

                    DataContext = _listmodel;//将数据绑定到当前上下文中
                }
               list2.ItemsSource = c.ListModel2;//把数据添加到第二个listview中（list1中item中所属的内容）；
            }
        
        }
        //Liast1中修改
        private void Button_Click2(object sender, RoutedEventArgs e)
        {
            var btn = sender as Button;

            var c = btn.DataContext as Class1;

            c.Id = "zhou";//我只是将当前list1中的Id进行了修改，来说明数据是修改成功的；

            MessageBox.Show(c.Id + "  " + c.Name + "  ");
        }
        //Liast1中删除
        private void Button_Click1(object sender, RoutedEventArgs e)
        {
        var btn = sender as Button;
        var c = btn.DataContext as Class1;
        //Class1 emp = list1.SelectedItem as Class1;
        if (c != null && c is Class1)
        {
             c.ListModel2.Clear();//先清除list2中的数据

                _maillist.Remove(c);//在清除list1中的数据

            }

        }

        private void Window_Loaded_1(object sender, RoutedEventArgs e)
        {
            //在窗体初始化的时候就添加了list1中的数据
            list1.ItemsSource = null;

            for (int i = 0; i < 7; i++)
            {
                ObservableCollection<Class2> _listmodel = new ObservableCollection<Class2>();//_listmodel一定要在添加list1中数据的时候和list1中的数据一起创建出来，它们数据是绑定的；

                Class1 k = new Class1(name: "s" + i, id: "2" + i, myImage: image.Source, listmodel: _listmodel);

                DataContext = k;

                _maillist.Add(k);
            }
            list1.ItemsSource = _maillist;
        }
        //修改list2
        private void list2_Click1(object sender, RoutedEventArgs e)
        {
            var btn = sender as Button;

            var c = btn.DataContext as Class2;
            c.Id2 = "zhou";
            MessageBox.Show(c.Id2 + "  " + c.Name2 + "  ");
        }
        //删除list2
        private void list2_Click(object sender, RoutedEventArgs e)
        {
            var btn = sender as Button;
            
            var c = btn.DataContext as Class2;
            foreach(var item in _maillist)
            {
                if (ssss == item)//为了判断你当前点击添加的时候是属于list1中的那一条item
                {
                    ssss.ListModel2.Remove(c);//删除的是list1中ListModel2属性中的你点击要删除的list2中的那个item数据（有点绕）；
                }
            }
        }
    }
    class Class1 : INotifyPropertyChanged
{
    private string _name;
    private string _id;
    private ImageSource _myImage;
    private ObservableCollection<Class2> _listmodel2;
    public event PropertyChangedEventHandler PropertyChanged;
    public string Name
    {
        get
        {
            return _name;
        }
        set
        {
            _name = value;
            if (this.PropertyChanged != null)//激发事件，参数为Age属性    
            {
                this.PropertyChanged.Invoke(this, new PropertyChangedEventArgs("Name"));
            }
        }
    }

    public string Id
    {
        get
        {
            return _id;
        }
        set
        {
            _id = value;
            if (this.PropertyChanged != null)//激发事件，参数为Age属性    
            {
                this.PropertyChanged.Invoke(this, new PropertyChangedEventArgs("Id"));
            }
        }
    }

    public ImageSource MyImage
    {
        get
        {
            return _myImage;
        }
        set
        {
            _myImage = value;
            if (this.PropertyChanged != null)//激发事件，参数为Age属性    
            {
                this.PropertyChanged.Invoke(this, new PropertyChangedEventArgs("MyImage"));
            }
        }
    }
        public ObservableCollection<Class2> ListModel2
        {
            get
            {
                return _listmodel2;
            }
            set
            {
                _listmodel2 = value;
                if (this.PropertyChanged != null)//激发事件，参数为Age属性    
                {
                    this.PropertyChanged.Invoke(this, new PropertyChangedEventArgs("ListModel2"));
                }
            }
        }
        public Class1() { }
    public Class1(string name, string id, ImageSource myImage , ObservableCollection<Class2> listmodel)
    {
        this._name = name;
        this._id = id;
        this._myImage = myImage;
        this._listmodel2 = listmodel;
    }
  }
    class Class2 : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
        private string _name2;
        private string _id2;
        private ImageSource _myImage2;

        public string Name2
        {
            get
            {
                return _name2;
            }
            set
            {
                _name2 = value;
                if (this.PropertyChanged != null)//激发事件，参数为Age属性    
                {
                    this.PropertyChanged.Invoke(this, new PropertyChangedEventArgs("Name2"));
                }
            }
        }
        public string Id2
        {
            get
            {
                return _id2;
            }
            set
            {
                _id2 = value;
                if (this.PropertyChanged != null)//激发事件，参数为Age属性    
                {
                    this.PropertyChanged.Invoke(this, new PropertyChangedEventArgs("Id2"));
                }
            }
        }
        public ImageSource MyImage2
        {
            get
            {
                return _myImage2;
            }
            set
            {
                _myImage2 = value;
                if (this.PropertyChanged != null)//激发事件，参数为Age属性    
                {
                    this.PropertyChanged.Invoke(this, new PropertyChangedEventArgs("MyImage2"));
                }
            }
        }
        public Class2() { }
        public Class2(string name, string id, ImageSource myImage)
        {
            this._name2 = name;
            this._id2 = id;
            this._myImage2 = myImage;
        }
    }
}

效果图如下

在这里插入图片描述

C# WPF 中的 ListView 控件：从基础到高级应用 29
最新发布
Code365
04-03 234
ListView 是 WPF 中的一个数据展示控件，继承自ListBox。它通过GridView或其他视图模式将数据以表格形式呈现，每一列可以有不同的标题和数据格式。在某些情况下，为了满足特定的设计需求，需要自定义ListView的外观和行为。同时，为了方便用户操作，可能需要添加排序功能。通过本文的详细介绍，我们全面了解了 C# WPF 中ListView控件的基础使用、实战开发经验、性能优化方法和高级用法。在实际开发中，合理运用ListView控件的各种特性，可以为用户提供更加友好和高效的交互体验。
C# ListView 的用法
2203_75593971的博客
06-06 6591
在这个示例中，我们将向ListView控件中添加一个具有自定义列的数据。我们将创建一个新的ListView子类，覆盖方法以向控件中添加自定义列。在自定义列的列标题区域中，我们将添加一个新的按钮控件，用于在列标题被单击时触发事件。// 创建自定义列表头customColumnHeader.Text = "操作";// 添加按钮到自定义列表头中btn.Text = "新建客户";// TODO: 在这里添加新客户的代码在这个代码中，我们创建了一个名为的新类，并继承了。
C#中ListView详解
热门推荐
li3781695的博客
01-15 1万+
ListView是一个Windows 列表视图控件，该控件显示可用五种不同视图之一显示项的集合
C# WPF ListView控件应用
weixinhum
10-23 1万+
C#的WPF作为现在微软主流的桌面程序开发平台，相比过去的MFC时代，有了非常多的不同。本人刚从MFC平台转过来，以为可以轻松上手，哪知碰到了很多问题，十分不解。不得不乖乖回去看了本书，再继续回到边左边边学的路上。在这边也推荐《深入浅出WPF》这本书，拿来上手还是极好的。     由于WPF以数据驱动UI的设计理念，很多控件用起来都与之前平台的相差很多，ListView控件算是有代表性的，这
WPF笔记汇总之ListView控件
Dahlin哥's 博客
09-17 1万+
紧接上一篇《WPF笔记汇总之列表类控件与DataGrid控件》，这篇主要总结WPF中最复杂的控件之一，ListView控件，它类似ListBox和DataGrid，它可以实现上面两个控件的功能，但自定义制定的方式更加自由。
C# WPF Treeview ListView 双击Item事件
immotal_xiaoqiang的博客
09-12 3221
最近有用到TreeView和ListView 双击Item事件， 如果在TreeView和ListView中加入鼠标双击事件，点击TreeView和ListView中的空白的地方 也可以触发事件，明显不符合要求 ，后来经过一番百度和验证 现修改如下： TreeView双击事件中 private void OnTreeViewDoubleClick(object sender, MouseButtonEventArgs e) { if (send...
WPF ListView设置单选多选样式
dailman的专栏
04-17 2249
这里写自定义目录标题WPF ListView选中颜色设置（单选多选） WPF ListView选中颜色设置（单选多选） ListView选中某型Item时自动进行高亮显示，下面代码可支持设置Item选中的颜色、Item有焦点的颜色、鼠标在Item上的颜色、失去焦点的颜色。 wpf样式可通过StyleSnooper工具进行查看 <Window x:Class="WpfApplication1....
获取ListView中点击Item
liu121068的专栏
12-24 1395
在使用ListView时，需要点击其中的Item，来产生一个点击事件，同时获取被点击对象的内容。 点击事件使用ItemClickEventHandler实现 public delegate void ItemClickEventHandler( object sender, ItemClickEventArgs e ) 由于点击Item并不是选择Item，不能使用ListView.
WPF _Make ListView.ScrollIntoView Scroll the Item into the Center of the ListView (C#)
rise51的专栏
01-07 2157
Make ListView.ScrollIntoView Scroll the Item into the Center of the ListView (C#)up vote8down votefavorite1ListView.ScrollIntoView(object) currently finds an object in the ListView and scrolls to it. If you are positioned beneath the object you are scrolli
wpf中使用ListView
故里2130
09-15 1万+
1.xaml代码，给标题自定义文字，此处使用了控件模板的方法，把需要修改的内容格式都放在控件模板中2.cs不变{
【WPF应用31】WPF基本控件-ListView的详解与示例
qq_35320456的博客
04-03 6629
WPF基本控件-ListView的详解与示例
WPF-常见集合控件（ItemsControl、ListView、DataGrid、TreeView、TabControl.......）
rwo_bear的博客
09-03 4885
属于ItemsControl族主要用到两个依赖属性：ItemSource:指定数据来源ItemTemplete:在资源中指定一个数据显示模板更多属性：DisplayMemberPath、SelectedValuePath。。。
WPF 在 MVVM 设计中实现ListView双击事件
wangnaisheng的专栏
05-11 2390
WPF 在 MVVM 设计中实现ListView双击事件
WPF ListView 自定义Item布局
小目标一个亿
07-10 1377
【代码】WPF ListView 自定义Item布局。
WPF的ListView的简单使用
Hat_man_的博客
01-27 880
WPF的ListView的简单使用。
C#的ListView控件应用
wenchm的博客
09-22 6916
在ListView控件中添加/移除/清空项ListView控件（列表视图控件）显示带图标的项的列表，可以显示大图标、小图标和数据。使用ListView控件可以创建类似Windows资源管理器右窗口的用户界面。ListView控件可以通过View属性设置项在控件中显示的方式。属性值说明Detail各项显示在不同的行上，并带有关于列中所排列的进一步信息。最左边的列包含一个小图标和标签，后面的列包含应用程序指定的子项。列显示一个标头，可以显示列的标题，可以在运行时改变列的大小。
WPF 控件专题 ListView 样式（斑马线）
^@^lemon tea^@^
10-08 1722
WPF 控件专题 ListView 样式（斑马线）
C# ListView用法详解
qq_57798018的博客
12-01 1万+
2、Name: 程序里调用的名称，Text：表格里显示的信息，其它可以设置大小等信息。3、显示网格线 属性 GridLines --- True。1、点击表格右上角的三角形，添加表头信息。这样，一个listView就画出来了。4、往表格里填写数据，跟着来就可以了。5、改变背景颜色，和字体颜色。
WPF中ListView相关问题，ListView样式和模板，ListView背景颜色交替（奇偶行不同颜色）,ListView标题填充
qq_42057250的博客
11-26 7178
WPF中ListView相关问题，ListView样式和模板，ListView数据绑定 一、ListView样式和模板 ListView的模板由三部分组成，分别为Thumb、GridViewColumnHeader、ListViewItem。其中Thumb在GridViewColumnHeader的模板中，参考以下自定义模板： 1、GridViewColumnHeader <Style TargetType="{x:Type GridViewColumnHeader...
WPF基础五：UI④ 条目控件ListView
hd51cc的博客
04-28 1135
ListView 表示用于显示数据项列表的控件。 ListView为ItemsControl，这意味着它可以包含任何类型的对象的集合 (例如字符串、图像或面板) 。有关更多信息，请参见ItemsControl类。 ListView中数据项的显示是由属性指定的视图模式来定义的View。Windows Presentation Foundation (WPF) 提供了一个GridView视图模式，该模式将ListView数据项内容分区为多个列。及其相关类样式中的属性和方法，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值