首页 > Windows开发 > 详细

谈谈WPF中的CollectionView与CollectionViewSource (1)

时间:2019-04-04 00:13:32      阅读:193      评论:0      收藏:0      [点我收藏+]
原文:谈谈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>

谈谈WPF中的CollectionView与CollectionViewSource (1)

原文:https://www.cnblogs.com/lonelyxmas/p/10652554.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!