【愚公系列】2023年11月 WPF控件专题 GridView控件详解

🏆 作者简介，愚公搬代码 🏆《头衔》：华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，阿里云专家博主，腾讯云优秀博主，掘金优秀博主，51CTO博客专家等。 🏆《近期荣誉》：2022年CSDN博客之星TOP2，2022年华为云十佳博主等。 🏆《博客内容》：.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。 🏆🎉欢迎 👍点赞✍评论⭐收藏

🚀前言

WPF控件是Windows Presentation Foundation（WPF）中的基本用户界面元素。它们是可视化对象，可以用来创建各种用户界面。WPF控件可以分为两类：原生控件和自定义控件。

原生控件是由Microsoft提供的内置控件，如Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见的标准用户界面元素。

自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化的用户界面元素。自定义控件可以根据需求提供更多的功能和自定义化选项，以及更好的用户体验。

🚀一、GridView控件详解

WPF中的GridView控件是用于展示数据的一种列表控件。GridView控件可以在列之间进行排序、过滤和分组，可以使用不同的视图模式来呈现数据，包括传统的表格视图和磁贴式视图。

GridView控件通常与数据源绑定使用，可以从数据源中获取数据并将其呈现在GridView中。GridView控件可以根据数据的类型自动选择最合适的列类型，并支持自定义列样式和列模板，以便更好地呈现数据。

GridView控件与其他WPF控件配合使用可以实现更高级的功能，例如与TreeView控件配合使用实现分层数据呈现，与DataGrid控件配合使用实现可编辑数据表格呈现等等。

🔎1.属性介绍

WPF中GridView控件属性包括：

1. Columns：用于设置和访问GridView中的列集合。可以通过代码或XAML来定义列和列的属性。
2. AllowsColumnReorder：一个布尔值，表示是否允许用户重新排序列。
3. ColumnHeaderToolTip：用于为列标题设置工具提示的属性。
4. ColumnHeaderTemplate：用于为列标题设置自定义模板的属性。可以指定模板中的元素和样式。
5. ColumnHeaderContainerStyle：用于为列标题设置自定义样式的属性。
6. ColumnHeaderContextMenu：用于为列标题设置上下文菜单的属性。
7. GridViewColumnHeaderRole：表示列标题的角色。可以在样式中使用此属性来指定特定的样式。
8. AllowsColumnReorder：指定列是否可以通过拖放重新排序。
9. SortMemberPath：用于指定应使用哪个属性进行排序的属性的名称。
10. CanUserResizeColumns：一个布尔值，表示用户是否可以通过拖动列边缘来调整列的宽度。

🔎2.常用场景

GridView控件是WPF中常用的数据展示控件之一，适用于以下场景：

1. 数据列表展示：GridView可以将数据以列表形式展现出来，方便用户查看和编辑。
2. 数据筛选和排序：GridView提供了筛选和排序功能，可以让用户根据自己的需求排序和筛选数据。
3. 自定义列：GridView中的列可以通过绑定数据来实现自定义，用户可以根据自己的需求定制列。
4. 数据分组：GridView支持数据分组，可以根据指定的字段对数据进行分组。
5. 数据导出：GridView可以将数据导出到Excel和其他文件格式，方便用户进行数据分析和报表制作。
6. 多样化的显示效果：GridView支持多种显示效果，如单元格合并、行列交替显示等。

GridView控件是WPF中一个非常实用的数据展示控件，适用于各种数据展示和编辑的场景。

🔎3.具体案例

1.创建一个WPF应用程序

在Visual Studio中创建一个新的WPF应用程序，命名为“WpfGridViewDemo”。

2.添加数据

我们使用一个简单的学生类作为数据源，在MainWindow.xaml.cs文件中添加以下代码：

public class Student
{
    public string Name { get; set; }
    public int Age { get; set; }
    public string Gender { get; set; }
}

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        var students = new List<Student>()
        {
            new Student { Name = "Tom", Age = 18, Gender = "Male" },
            new Student { Name = "Jane", Age = 20, Gender = "Female" },
            new Student { Name = "Bob", Age = 19, Gender = "Male" },
            new Student { Name = "Alice", Age = 21, Gender = "Female" }
        };

        grdStudents.ItemsSource = students;
    }
}

在构造函数中创建一个包含学生数据的列表，并将其设置为GridView的数据源。

3.创建GridView

在MainWindow.xaml中添加以下XAML代码来创建一个GridView：

<ListView x:Name="grdStudents">
    <ListView.View>
        <GridView>
            <GridViewColumn Header="Name" DisplayMemberBinding="{Binding Name}" />
            <GridViewColumn Header="Age" DisplayMemberBinding="{Binding Age}" />
            <GridViewColumn Header="Gender" DisplayMemberBinding="{Binding Gender}" />
        </GridView>
    </ListView.View>
</ListView>

在GridView中创建三个列，每列都使用显示成员绑定来显示Student类中的属性。

4.运行应用程序

现在我们可以运行应用程序来查看GridView。GridView会显示学生的姓名、年龄和性别。

这就是WPF中使用GridView控件的简单示例。GridView在WPF中非常灵活，可以让我们轻松地创建数据驱动的UI。

我正在参与2023腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！