WPF ListView控件的详细使用教程

于 2024-09-06 21:20:38 发布
阅读量925 收藏 13
点赞数 19
分类专栏： WPF 文章标签： wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39604653/article/details/141968820
版权

WPF 中的 ListView 是一个强大的控件，可以显示列表数据。它继承自 ListBox，并支持更多的功能，包括使用不同的 View 模板（例如 GridView）。ListView 可以用于创建复杂的表格结构，并且通过数据绑定功能，能够轻松地与数据模型交互。下面是 ListView 的详细使用教程。

1. 基本 ListView 控件

最简单的 ListView 用法就是显示一组项目。你可以直接在 XAML 中定义它的项：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="ListView Example" Height="350" Width="525">
    <Grid>
        <ListView>
            <ListViewItem Content="Item 1" />
            <ListViewItem Content="Item 2" />
            <ListViewItem Content="Item 3" />
        </ListView>
    </Grid>
</Window>

2. 使用 GridView 显示列

ListView 控件的一个强大功能是它能够结合 GridView 来显示具有列的列表。每一列都可以显示不同的属性，类似于 DataGrid。

<ListView>
    <ListView.View>
        <GridView>
            <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}" />
            <GridViewColumn Header="Age" DisplayMemberBinding="{Binding Age}" />
            <GridViewColumn Header="Country" DisplayMemberBinding="{Binding Country}" />
        </GridView>
    </ListView.View>
</ListView>

你可以通过 GridViewColumn 的 Header 属性来设置列名，通过 DisplayMemberBinding 来绑定数据源的属性。

3. 绑定数据源

在实际应用中，ListView 经常与数据绑定结合使用。可以将数据源设置为 ObservableCollection 或其他集合类，ListView 会自动显示数据。以下是通过 ObservableCollection 绑定数据的示例：

XAML 代码：
<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="ListView Example" Height="350" Width="525">
    <Grid>
        <ListView ItemsSource="{Binding People}">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}" />
                    <GridViewColumn Header="Age" DisplayMemberBinding="{Binding Age}" />
                    <GridViewColumn Header="Country" DisplayMemberBinding="{Binding Country}" />
                </GridView>
            </ListView.View>
        </ListView>
    </Grid>
</Window>
C# 代码：
using System.Collections.ObjectModel;
using System.Windows;

namespace WpfApp
{
    public partial class MainWindow : Window
    {
        public ObservableCollection<Person> People { get; set; }

        public MainWindow()
        {
            InitializeComponent();
            
            // 设置数据源
            People = new ObservableCollection<Person>
            {
                new Person { Name = "Alvin", Age = 30, Country = "China" },
                new Person { Name = "Tom", Age = 25, Country = "USA" },
                new Person { Name = "Lisa", Age = 28, Country = "UK" }
            };
            
            // 将 DataContext 绑定到当前窗口
            DataContext = this;
        }
    }

    public class Person
    {
        public string Name { get; set; }
        public int Age { get; set; }
        public string Country { get; set; }
    }
}

在此例中，ListView 通过 ItemsSource="{Binding People}" 绑定到 ObservableCollection。DisplayMemberBinding 指定了要显示的数据属性。

4. 自定义 ItemTemplate

如果你需要更复杂的布局，可以通过自定义 ItemTemplate 来控制每一项的显示方式。使用 DataTemplate 可以自定义 ListViewItem 的外观。

XAML 代码：
<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="ListView Example" Height="350" Width="525">
    <Grid>
        <ListView ItemsSource="{Binding People}">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding Name}" Width="100" />
                        <TextBlock Text="{Binding Age}" Width="50" />
                        <TextBlock Text="{Binding Country}" Width="100" />
                    </StackPanel>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </Grid>
</Window>

在这里，我们通过 StackPanel 来自定义每一行的数据排列，使用 TextBlock 来显示每个属性。

5. 处理选中项

ListView 提供了 SelectedItem 属性，用于获取用户选中的项。你可以在代码中访问该属性来进行逻辑处理。

XAML 代码：
<ListView ItemsSource="{Binding People}" SelectedItem="{Binding SelectedPerson}">
    <!-- GridView 定义 -->
</ListView>
C# 代码：
public class MainWindowViewModel : INotifyPropertyChanged
{
    private Person _selectedPerson;
    public ObservableCollection<Person> People { get; set; }

    public Person SelectedPerson
    {
        get { return _selectedPerson; }
        set
        {
            _selectedPerson = value;
            OnPropertyChanged(nameof(SelectedPerson));
        }
    }

    // INotifyPropertyChanged 实现
}

6. 多选功能

ListView 支持多选功能，可以通过设置 SelectionMode 属性来实现。

  • Single：单选（默认值）
  • Multiple：多选
  • Extended：多选，可以通过 Shift 或 Ctrl 键选择多个项。
<ListView ItemsSource="{Binding People}" SelectionMode="Multiple">
    <!-- GridView 定义 -->
</ListView>

你可以在代码中通过 SelectedItems 属性获取所有选中的项。

7. 排序功能

通过 CollectionViewSource 和 SortDescription，可以对 ListView 数据进行排序。以下是按 Name 属性进行排序的示例：

引入： xmlns:scm=“clr-namespace:System.ComponentModel;assembly=WindowsBase”

<Window.Resources>
    <CollectionViewSource x:Key="PeopleView" Source="{Binding People}">
        <CollectionViewSource.SortDescriptions>
            <scm:SortDescription PropertyName="Name" Direction="Ascending" />
        </CollectionViewSource.SortDescriptions>
    </CollectionViewSource>
</Window.Resources>

<Grid>
    <ListView ItemsSource="{Binding Source={StaticResource PeopleView}}">
        <ListView.View>
            <GridView>
                <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}" />
                <GridViewColumn Header="Age" DisplayMemberBinding="{Binding Age}" />
                <GridViewColumn Header="Country" DisplayMemberBinding="{Binding Country}" />
            </GridView>
        </ListView.View>
    </ListView>
</Grid>

在这里，通过 CollectionViewSource 资源为 ListView 提供了排序功能。

8. 分组功能

ListView 还支持按条件对数据进行分组，可以通过 CollectionViewSource 和 GroupDescription 来实现。

<Window.Resources>
    <CollectionViewSource x:Key="PeopleView" Source="{Binding People}">
        <CollectionViewSource.GroupDescriptions>
            <PropertyGroupDescription PropertyName="Country" />
        </CollectionViewSource.GroupDescriptions>
    </CollectionViewSource>
</Window.Resources>

<Grid>
    <ListView ItemsSource="{Binding Source={StaticResource PeopleView}}">
        <ListView.View>
            <GridView>
                <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}" />
                <GridViewColumn Header="Age" DisplayMemberBinding="{Binding Age}" />
            </GridView>
        </ListView.View>
    </ListView>
</Grid>

通过设置 PropertyGroupDescription，数据将根据 Country 属性进行分组显示。

9. 处理 ListView 事件

ListView 提供了多种事件来处理用户交互，例如 SelectionChanged 事件。当用户选择了不同的项时，可以触发该事件：

XAML 代码：
<ListView ItemsSource="{Binding People}" SelectionChanged="ListView_SelectionChanged">
    <!-- GridView 定义 -->
</ListView>
C# 代码：
private void ListView_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
    var listView = sender as ListView;
    var selectedPerson = listView.SelectedItem as Person;
    
    if (selectedPerson != null)
    {
        MessageBox.Show($"

Selected: {selectedPerson.Name}");
    }
}

总结

WPF ListView 是一个非常灵活且强大的控件，适用于显示简单到复杂的列表数据。你可以使用 GridView 显示列数据，通过数据绑定与后台数据模型交互，自定义项模板，并实现排序、分组和多选等高级功能。

生命不息-学无止境
关注
专栏目录
WPF的ListView控件自定义布局用法实例
09-02
主要介绍了WPF的ListView控件自定义布局的方法,结合实例形式分析了WPF中ListView控件的布局方法,需要的朋友可以参考下
WPF ListView控件中CheckBox全选联动
09-27
在WPF应用开发中，ListView控件是一种常用的数据显示控件，它可以用来展示各种类型的数据集合。在实际项目中，我们经常需要实现一个功能，即在ListView中加入CheckBox，让用户能够通过一个主CheckBox来控制所有子项...
【WPF应用31】WPF基本控件-ListView的详解与示例
最新发布
qq_35320456的博客
04-03 4804
WPF基本控件-ListView的详解与示例
WPF 动态添加控件（单选框）ListView、ListBox、ItemsControl
SJ15630070060的博客
10-27 2976
以三个控件并没有做深度的研究，只是简单做了个效果展示，如果单独给以上某个控件设置属性或样式应该也是可以进行更改的。ItemsControl，是我最终使用的方式，并且ItemsControl默认是不带滚动条的，需要单独添加。LIstBox在遍历出的控件高度会根据所添加的控件最高高度相对应的，导致留有很多空白区域。需求：根据衣物类型做数据的过滤条件，布局方式要求侧边垂直显示。这次讲解主要是围绕个人的实际情况去简单做的效果分析和展示。相对比方ListBox他的高度是自适应的。方法二：ListBox。
wpf中使用ListView
热门推荐
故里2130
09-15 1万+
1.xaml代码，给标题自定义文字，此处使用了控件模板的方法，把需要修改的内容格式都放在控件模板中2.cs不变{
依赖属性非常重要的特点-属性值沿UI元素向下传递
dxm809的博客
05-24 298
依赖属性的重要特点是当没有拥有该依赖属性的控件指定该属性时候，它会把所在容器的该依赖属性借过来使用 <Window x:Class="WpfApp10.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://sc
WPF真入门教程12--ListView控件
hqwest的专栏
12-08 4234
ListView 控件在Windows应用程序中常用，用于表示数据列表。如果您以前使用过 WinForms，那么您对ListView的实用性有一个很好的了解，但您应该意识到 WPF中的ListView 不像WinForms版本那样使用。再一次的主要区别在于，虽然WinForms ListView只是调用Windows API 函数来呈现常见的Windows ListView 控件，但WPF ListView是一个独立的控件，不依赖于 Windows API，WPF ListView以完全不同的方式处理项目图
WPF 控件专题 ListView 控件详解
^@^lemon tea^@^
09-16 3076
WPF 控件专题 ListView 控件详解
C# WPF ListView控件的实例详解
08-29
本文主要介绍了C# WPF ListView控件的实例详解，旨在帮助读者掌握ListView控件的使用方法和相关知识点。ListView控件是WPF中一个常用的控件，用于显示列表数据。下面将详细介绍ListView控件的实例详解。 一、WPF ...
WPF ListView 漂亮样式
07-04
WPF ListView 漂亮样式，自己还可以根据自己的需求进行样式修改，表头、列表都可以根据注释进行拓展，很实用
wpf 带表格线的listview
11-18
默认的listview不带表格线，这个实现的已经算是完美的了
wpf实现可编辑listview（新版）
08-09
修正上次BUG，在绑定时指定width
很简单的WPF ListView分页技术
11-28
WPF ListView如何分页困扰了我很久，百度搜索的结果几乎得不到满意的结果，而CSDN论坛上流传的资源包貌似是微软提供的例子，但是略显复杂。经过笔者一晚上的摸索，得到了一种比较简单的解决方案，在此贡献给大家。由于笔者在CSDN上的积分一直很少，所以这次就收3分啦，大家不要嫌贵，多支持一下啊，相互学习鼓励
新人小白如何使用wpf中的listview控件
08-22
下面我们将深入探讨如何在WPF中有效地使用ListView控件。 首先，我们需要理解ListView的基本结构。ListView由多个组成部分构成，包括ItemsSource（数据源）、ItemTemplate（数据模板）和View（视图模式）。...
WPF ListView 样式
weixin_30894583的博客
03-11 619
1 <Style x:Key="{x:Static GridView.GridViewScrollViewerStyleKey}" TargetType="{x:Type ScrollViewer}"> 2 <Setter Property="Focusable" Value="false"/> 3 ...
C# WPF ListView控件应用
weixinhum
10-23 1万+
C#的WPF作为现在微软主流的桌面程序开发平台，相比过去的MFC时代，有了非常多的不同。本人刚从MFC平台转过来，以为可以轻松上手，哪知碰到了很多问题，十分不解。不得不乖乖回去看了本书，再继续回到边左边边学的路上。在这边也推荐《深入浅出WPF》这本书，拿来上手还是极好的。     由于WPF以数据驱动UI的设计理念，很多控件用起来都与之前平台的相差很多，ListView控件算是有代表性的，这
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

生命不息-学无止境

你的每一份支持都是我创作的动力

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

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

打赏作者

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

抵扣说明：

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

余额充值