谈谈WPF中的CollectionView与CollectionViewSource (1)

原文:谈谈WPF中的CollectionView与CollectionViewSource (1)

谈谈WPF中的CollectionView与CollectionViewSource (1)

                          周银辉



1,CollectionView是什么?

事实上当你将后台数据列表绑定到一个列表控件时,WPF为了默默地在数据列表和列表控件之间增加了层称为CollectionView(列表视图)的东西,其支持很多高级操作,比如排序,分组,过滤等.这样我们就可以将这个过程分成3个部分来看:数据列表(维持着后台数据),列表视图(维持着一些附加状态,比如"当前项","排序"等),列表控件(负责对CollectionView的呈现,而不是对Collection)

CollectionView是针对数据的,但它不会改变数据,仅仅是对数据的"映像"进行"排列组合排序"等等.一组数据可以有若干个CollectionView,就像可以对一个人拍摄若干DV一样.所以针对后台给我们的一组数据我们可以同时为用户提供若干种展现方式.

列表控件(比如ListBox)可以针对数据,也可以针对CollectionView,比如我们可以手动地向其Items集合中添加数据,也可以用ItemsSource来指定数据来源,前者是针对数据本身,这需要我们来手动维护数据的和控件之间的关系.后者是针对CollectionView,如果你没有指定列表控件对应的CollectionView,那么WPF会自动插入一个.(需要注意的是:由于同时指定Items和ItemsSource会造成混乱,所以不可以同时操作他们)

比如:<ListBox ItemsSource="{Binding Source={StaticResource myList}}"/>

或者:

CollectionView cv = new CollectionView(myList);

this.listBox.ItemsSource = cv;

2,CollectionViewSource是什么?

CollectionViewSource是CollectionView的一个XAML代理,意思就是说CollectionView不能在XAML中使用,如果希望在XML将CollectionView绑定到某个列表控件,那么请使用CollectionViewSource.它与CollectionView的基本关系是"HAS A". CollectionViewSource拥有一个CollectionView类型的View属性来指定其对应的CollectionView对象,与之对应的,其还有一个Source属性,来指明数据来源.一个简单的流程是:将数据列表绑定到CollectionViewSource的Source属性,然后将列表控件的ItemsSource属性绑定到CollectionViewSource的View属性.为什么不直接将列表控件的ItemSource属性绑定到数据列表呢,这取决于你是否需要查找到该CollectionViewSource进而查找到其View来进行视图操作(比如排序,导航等).这可能说得有些混乱了.看看下面的例子:

    <Window.Resources>



        <XmlDataProvider x:Key="Employees" XPath="/Employees/*">

            <x:XData>

                <Employees xmlns="">

                    <Employee Name="Terry Adams" Type="FTE" EmployeeNumber="1" />

                    <Employee Name="Claire O&apos;Donnell" Type="FTE" EmployeeNumber="12345" />

                    <Employee Name="Palle Peterson" Type="FTE" EmployeeNumber="5678" />

                    <Employee Name="Amy E. Alberts" Type="CSG" EmployeeNumber="99222" />

                    <Employee Name="Stefan Hesse" Type="Vendor" EmployeeNumber="-" />

                </Employees>

            </x:XData>

        </XmlDataProvider>



        <DataTemplate  DataType="Employee">

            <TextBlock Text="{Binding XPath=@Name}" />

        </DataTemplate>

        

    </Window.Resources>



    <StackPanel>

        <ListBox ItemsSource="{Binding Source={StaticResource Employees}}"/>

    </StackPanel>

上面的例子中,我们按照传统的方式,将ListBox的ItemsSource绑定到一个XMLDataProvider上,工作得很好,后来我们发现WPF中可以利用CollectionView来实现列表排序,当然这种排序我们希望仅仅是在表现层,所以我们决定我XAML来做.当在实际改造这段代码的过程中,我们伤透了脑子,因为要在XAML中为我们的数据找到CollectionView对象并非易事.

事实上,我们仅仅需要改变一下数据绑定的流程就可以了.我们将数据与CollectionViewSource关联,然后CollectionViewSource与列表控件相关联,然后我们就可以在CollectionViewSource插入我们任何想要的排序方式了.

    <Window.Resources>



        <XmlDataProvider x:Key="Employees" XPath="/Employees/*">

            <x:XData>

                <Employees xmlns="">

                    <Employee Name="Terry Adams" Type="FTE" EmployeeNumber="1" />

                    <Employee Name="Claire O&apos;Donnell" Type="FTE" EmployeeNumber="12345" />

                    <Employee Name="Palle Peterson" Type="FTE" EmployeeNumber="5678" />

                    <Employee Name="Amy E. Alberts" Type="CSG" EmployeeNumber="99222" />

                    <Employee Name="Stefan Hesse" Type="Vendor" EmployeeNumber="-" />

                </Employees>

            </x:XData>

        </XmlDataProvider>

        

        <CollectionViewSource  x:Key="cvs" Source="{Binding Source={StaticResource Employees}, XPath=/Employees/*}">

            <CollectionViewSource.SortDescriptions>

               <!--在这里插入排序描述-->

            </CollectionViewSource.SortDescriptions>

            <CollectionViewSource.GroupDescriptions>

                <!--在这里插入分组描述-->

            </CollectionViewSource.GroupDescriptions>

        </CollectionViewSource>

        

        <DataTemplate  DataType="Employee">

            <TextBlock Text="{Binding XPath=@Name}" />

        </DataTemplate>

        

    </Window.Resources>



    <StackPanel>

        <ListBox ItemsSource="{Binding Source={StaticResource cvs}}" x:Name="lb"/>

    </StackPanel>