uwp开发：数据模板选择器

 

 这两天，在做《简影uwp》的首页推荐版块时，用到了数据模板选择器，所以简单介绍一下。数据模板选择器。顾名思义，就是可以选择性的展示不同的数据模板。那么，什么时候用数据模板选择器？怎么用呢？往下看：

 

应用场景：

 

同样是以我目前正在做的《简影uwp》为例，在做首页推荐版块时，要展示的数据是不同的版块的，都放在了一个集合中，这样的话，如果直接将数据绑定到ListView或者GridView上显示的话，是不可取的。虽然这些数据在一个集合内，但是因为集合内每个种类都不一样，显示的方式，展示的数据都不同，那么针对这种情况，就需要用到数据模板选择器了。根据不同的种类，展示不同的模板。

 

实例演示：

 

第一步：要使用数据模板选择器，首页定义一个数据模板选择器类。让这个类继承自：DataTemplateSelector。再定义需要展示的所以模板类型。然后重写它的SelectTemplateCore方法即可。根据集合内的类型，返回不同的数据模板。代码如下;

 

  public sealed class CustomDataTemplateSelector : DataTemplateSelector
    {
        public DataTemplate CollectionTemplate { get; set; }
        public DataTemplate ThreadTemplate { get; set; }
        public DataTemplate MuscicTemplate { get; set; }
        public DataTemplate VideoTemplate { get; set; }
        public DataTemplate TcTemplate { get; set; }
        protected override DataTemplate SelectTemplateCore(object item, DependencyObject container)
        {
            RecList list = item as RecList;
            if (list != null)
            {
                switch (list.type)
                {
                    case "collection":
                        return CollectionTemplate;
                    case "threadmusic":
                        return MuscicTemplate;
                    case "threadvideo":
                        return VideoTemplate;
                    case "movielines":
                        return TcTemplate;
                    default:
                        return ThreadTemplate; 
                }
            }
            return null;
        }
    }

 

第二步：
在前台定义需要的数据模板，即DataTemplate.要和上面后台定义的对应。
部分代码截图如下: 即是两个不同的数据模板。

 

 

第三步：定义Listview或者GridView，然后引用定义的数据模板即可。

 

 

这样，就可以实现根据集合内的对象不同，展示不同的数据模板了。最后，上一张，正在做的这个页面的图示：

 

 

这样就可以实现在一个列表内展示不同类型的内容了。好了，今天就记到这里。欢迎热爱uwp开发的同学加入uwp开发交流群：193148992.共同学习交流。