大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

一、前言

项目中要用到一个数据分页栏，虽然自己没有实现过，但凭经验感觉它和ListBox/ListView有关。于是去网上搜了下WPF 数据分页栏，果然很多实现都用到了ListView。于是拣了一种比较简单的实现学习，其中包含下面代码：

		<ListView Grid.Row="1" ItemsSource="{Binding UserList}">
            <ListView.View>
                <GridView>
                    <GridView.Columns>
                        <GridViewColumn DisplayMemberBinding="{Binding UserName}" Header="用户名"/>
                        <GridViewColumn DisplayMemberBinding="{Binding Password}" Header="密码"/>
                        <GridViewColumn DisplayMemberBinding="{Binding Level}" Header="权限等级"/>
                    </GridView.Columns>
                </GridView>
            </ListView.View>
        </ListView>

ListView.View的标签内出现了GridView。
在我印象中Grid是网格式的，而List是列表式的，所以我很好奇两者为什么可以混到一起。当然从类的关系上来看，应该是两者都继承了一个共同的父类。那么为了能使用起来更“自如”，对GridView有个系统的了解，还是有必要学习一下。

二、GridView

2.1. 概述

GridView视图模式是ListView控件的视图模式中的一种。GridView及其辅助类能让你在表中来查看集合中的数据项，且可以通过表头来进行交互（表头是个按钮，可以给它加各种交互功能，如排序）。

2.2. GridView是什么？

GridView视图模式通过给列绑定数据字段和显示列标题来标识字段来显示数据项列表（说白了就是给一列数据加个标题header来说明这列数据是什么，然后将数据集合绑定到这列数据下面，一列数据就自动呈现出来了）。默认的GridView样式将按钮实现为列标题。

所谓列标题可以理解为表头。
通过对列标题使用按钮，你能实现用户交互功能。例如，单击列标题来给某一列的内容进行排序。

注意：
GridView给列标题使用的Button控件就是ButtonBase的派生类。

下图是一个ListView的GridView视图展示：

下面介绍它的常用功能（或者说特性），如果你用过Excel的话，会发现这些都是熟悉的功能。

• GridView列由GridViewColumn对象表示，能根据其内容自动调整大小，你也可以显示地指定GridViewColumn的宽度。
• 你可以在表头间拖动来调整列的大小。
• 可以动态的增、删、替换和重新排列，这些都是GridView内置的功能

不过，GridView不能直接更新它显示的数据。

下面示例展示了如何定义一个显示employee类型数据的GridView。本例中，ListView将EmployeeInfoDataSource定义为ItemsSource。DisplayMemberBinding属性定义将GridViewColumn的内容绑定到EmployeeInfoDataSource的数据成员。

注意：
上面这段话用“定义”这个词，而不是设置（其实从理解角度讲都行）。
转换成后端代码表示的话，定义就更加好理解了。
后文也有反复出现定义一词，有时候换成设置更好理解。

<ListView ItemsSource="{Binding Source={StaticResource EmployeeInfoDataSource}}">

    <ListView.View>

        <GridView AllowsColumnReorder="true" ColumnHeaderToolTip="Employee Information">

            <GridViewColumn DisplayMemberBinding="{Binding Path=FirstName}" Header="First Name" Width="100"/>

            <GridViewColumn DisplayMemberBinding="{Binding Path=LastName}" Width="100">
                <GridViewColumnHeader>Last Name
                    <GridViewColumnHeader.ContextMenu>
                        <ContextMenu MenuItem.Click="LastNameCM_Click" Name="LastNameCM">
                            <MenuItem Header="Ascending" />
                            <MenuItem Header="Descending" />
                        </ContextMenu>
                    </GridViewColumnHeader.ContextMenu>
                </GridViewColumnHeader>
            </GridViewColumn>

            <GridViewColumn DisplayMemberBinding="{Binding Path=EmployeeNumber}" Header="Employee No." Width="100"/>
        </GridView>

    </ListView.View>
</ListView>

下图展示了上面示例创建的表。GridView控件显示了来自ItemSource的数据：

2.3. GridView布局与样式

GridViewColumn的列单元格和列标题具有相同的宽度。默认情况下，每个列都会调整其宽度以适应其内容。当然，你也可以为其设置固定宽度。相关数据内容显示在水平行中。例如，在上面图示中，每个员工（employee类型）的姓（last name）、名（first name）和ID都作为一个集合被显示，因为它们在一个行中。

其实就是把集合元素中的数据平铺到一行来显示。
employee
{
	FirstName
	LastName     => FirstName | LastName | ID
	ID
}

2.3.1. 在GridView中定义与样式化列

当定义数据字段在GridViewColumn中显示时，使用DisplayMemberBinding、CellTemplate或CellTemplateSelector属性。优先使用DisplayMemberBinding属性。

要指定GridView列中的内容对齐方式，需定义CellTemplate。不要对使用GridView显示的ListView内容使用HorizontalContentAlignment和VerticalContentAlignment属性。

若要为列标题（表头）指定模板和样式属性，需使用GridViewGridViewColumn和GridViewColumnHeader类。

2.3.2. 添加可视化元素到GridView

要在GridView视图中添加可视化元素，如CheckBox和Button控件，需使用模板或样式。

若你显式地将可视化元素定义为数据项，则它只能在GridView中出现一词。存在这种限制是因为一个元素只能有一个父亲。

2.3.3. GridView中设置行样式

使用GridViewRowPresenter 和GridViewHeaderRowPresenter 类来格式化和显示GridView的行。

2.3.4. ItemContainerStyle中的对齐问题

为了防止列标题和单元格之间的对齐问题，不要设置或指定影响ItemContainerStyle中项宽度的属性或模板。例如，不要设置Margin属性或指定一个ControlTemplate来将CheckBox添加到定义在ListView控件上的ItemContainerStyle中。取而代之，应该在定义GridView视图模式的类上指定属性或模板来直接影响列宽。

例如，要将CheckBox添加到GridView视图模式的行中，请将CheckBox添加到DataTemplate中，然后将CellTemplate属性设置为该DataTemplate。

2.4. 与GridView进行用户交互

当你在程序中使用了GridView时，用户可以与GridView交互并修改其格式。例如，用户可以重新排序列（拖动表头使整列移动）、调整列的大小、选中表中的项和滚动内容。你还可以定义用户单击列标题时响应的事件处理程序。事件处理程序可以执行类似于根据列内容对显示在GridView中的数据进行排序的操作。

下面列表详细讨论了使用GridView进行用户交互的功能：

• 通过拖放对列重新排序
  当光标位于表头上时，用户可以按下鼠标左键，然后将该列拖动到新位置，从而对GridView的列进行重新排序。当用户拖动表头时，会显示标题的浮动列以及一条显示插入位置的实线。
  若你想要修改标题的浮动列样式，可以为GridViewColumnHeader指定一个ControlTemplate，当Role属性设置为Floating时将触发。
• 根据列中内容调整列大小
  用户可以双击列标题右侧的钳子来调整列的大小以适应其内容。
  你可以将Width属性设置为Double.NaN来产生同样的效果。
• 选中行项
  用户可以选择GridView的一个或多个项。
  如果要更改选中项的样式，请参见ListView中使用触发器对选中项进行样式设置。
• 滚动查看内容
  若GridView的大小不足以显示所有项，用户可以使用ScrollViewer控件提供的滚动条水平或垂直滚动。若所有内容一开始都可见，滚动条将被隐藏。
• 通过单击列标题按钮与列交互
  当用户单击列标题按钮时，如果你提供了排序算法，则可以对列中显示的数据进行排序。
  你可以自定义标题按钮的Click事件，以便提供排序算法之类的功能。若要为单个列表头处理Click事件，需在GridViewColumnHeader上设置事件处理程序。若要为所有列表头设置处理Click事件的事件处理程序，可在ListView控件上设置该处理程序。

2.5. 其它自定义View

GridView类派生自ViewBase抽象类，它只是ListView类的视图模式之一。你可以通过派生自ViewBase类来为ListView创建其它自定义的View。

三、结语

本文主要是功能上的介绍，并没有对其辅助类、方法实现、代码层面进行细致分析。
不过对于应用来讲，这种轮廓型的学习应该优先，而后遇到细节上的问题，再逐渐深入。
另外我以前用过Qt中的数据模型（Model）&数据视图（View），现在给我的感觉就是这类官方提供的View类型，通常内部帮你实现了许多方法，对于简单的使用，你只需要把数据源丢进去即可。