zoukankan      html  css  js  c++  java
  • DataTemplateSelector介绍

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

    Github已有聊天效果图

     
     

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


    本文通过一个简单的Demo练习DataTemplateSelector的使用。
    首先在新建的空项目中添加三个Model类:

     
     

    其中BaseModel作基类,表示数据源类型,TitleModelDescribeModel分别是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
    来源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
     
    ------------------------------------------------------------------------------------------------------------------------------

     

     
  • 相关阅读:
    【BZOJ4517】排列计数(排列组合)
    【BZOJ2733】永无乡(线段树,启发式合并)
    【BZOJ1237】配对(贪心,DP)
    【BZOJ1492】货币兑换Cash(CDQ分治)
    CDQ分治模板
    【BZOJ3932】任务查询系统(主席树)
    【BZOJ3295】动态逆序对(BIT套动态加点线段树)
    【BZOJ3626】LCA(树上差分,树链剖分)
    图书管理系统
    树集合,树映射
  • 原文地址:https://www.cnblogs.com/bruce1992/p/14166237.html
Copyright © 2011-2022 走看看