DataTemplateSelector介绍

DataTemplateSelector可以帮助我们实现动态选择数据绑定的模版，如通过ListView+DataTemplateSelector实现微信朋友圈或聊天列表效果。

Github已有聊天效果图

 

 

喜欢阅读代码请直接移步：https://github.com/nishanil/Xamarin.Forms-Samples/tree/master/DataTemplateSelector

---

本文通过一个简单的Demo练习DataTemplateSelector的使用。

首先在新建的空项目中添加三个Model类：

 

 

其中BaseModel作基类，表示数据源类型，TitleModel和DescribeModel分别是BaseModel的子类表示数据源的不同情况。作为练习BaseModel中仅定义了一个String类型属性Title，TitleModel只是单纯的继承BaseModel，DescribeModel继承BaseModel的同时增加了一个String类型属性Describe。

接下来开始为本文的主角编码，声明一个MyDataTemplateSelector继承DataTemplateSelector。

 

 

其中TitleTemplate和DescribeTemplate是我们根据情况定义的两个数据模版，TitleTemplate对应TitleModel，DescribeTemplate对应DescribeModel。

OnSelectTemplate方法是我们必须重写的一个方法，在OnSelectTemplate方法中判断item的类型或某个属性值返回对应的DataTemplate。

接下来主要介绍DataTemplateSelector在Xaml中的使用。

首先在Resources中定义我们需要的两个DataTemplate。

 

 

为了方便用TextCell代替自定义Cell，两个DataTemplate 的Key值方便使用区分分别定义为TitleTemplate和DescribeTemplate，可以定义你自己的任意值。

定义了需要的DataTemplate后再定义我们的MyDataTemplateSelector。并将提前定义好的DataTemplate通过StaticResource赋值给MyDataTemplateSelector的TitleTemplate和DescribeTemplate属性。

 

 

Demo中所有内容都定义在了ContentPage.Resources内，完整定义代码。

 

 

定义ListView时再将我们定义好的MyDataTemplateSelector对象赋值给ListView的ItemTemplate属性

 

 

模拟数据源并绑定到ListView：

 

 

Demo效果图：

 

作者：MayueCif
链接：https://www.jianshu.com/p/a9bdcffa50c9
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

 

------------------------------------------------------------------------------------------------------------------------------