有时做项目时,会遇到一种情况:需要把获取到的数据集合显示到首页,比如新闻,但是:

新闻也分类别啊,比如:图片类新闻、文字类新闻、视频类新闻。

那我们可能采用的模板就不一样了,那么,如何根据类别来选择模板呢?

(1)首先,创建一个类DataTemplateSelector并继承ContentControl。

 public class DataTemplateSelector : ContentControl
    {
        public virtual DataTemplate SelectTemplate(object item, DependencyObject container)
        {
            return null;
        }

        protected override void OnContentChanged(object oldContent, object newContent)
        {
            base.OnContentChanged(oldContent, newContent);

            ContentTemplate = SelectTemplate(newContent, this);
        }
    }

(2)创建类ListDataTemplateSelector并继承DataTemplateSelector

public  class ListDataTemplateSelector : DataTemplateSelector
    {
        public DataTemplate SHARE_VIDEO { get; set; }
        public DataTemplate UPDATE_STATUS { get; set; }
        public DataTemplate PUBLISH_BLOG { get; set; }
        public DataTemplate PUBLISH_ONE_PHOTO { get; set; }
        public DataTemplate SHARE_PHOTO { get; set; }
        public DataTemplate SHARE_ALBUM { get; set; }
        public DataTemplate PUBLISH_MORE_PHOTO { get; set; }
        public DataTemplate SHARE_LINK { get; set; }
        public DataTemplate SHARE_BLOG { get; set; }

        public override DataTemplate SelectTemplate(object item, DependencyObject container)
        {
            feed feed = item as feed;
            switch (feed.type)
            {
                case "SHARE_VIDEO":
                    return SHARE_VIDEO;
                case "UPDATE_STATUS":
                    return UPDATE_STATUS;
                case "PUBLISH_BLOG":
                    return PUBLISH_BLOG;
                case "PUBLISH_ONE_PHOTO":
                    return PUBLISH_ONE_PHOTO;
                case "SHARE_PHOTO":
                    return SHARE_PHOTO;
                case "SHARE_ALBUM":
                    return SHARE_ALBUM;
                case"PUBLISH_MORE_PHOTO":
                    return PUBLISH_MORE_PHOTO;
                case "SHARE_LINK":
                    return SHARE_LINK;
                case "SHARE_BLOG":
                    return SHARE_BLOG;
            }
            return base.SelectTemplate(item, container);
        }
    }

(3)如果需要,添加该类的命名空间,即可在ListBox中使用:

           <ListBox   ItemsSource="{Binding FeedList}"  >
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <local:ListDataTemplateSelector Content="{Binding}">
                                    <!--1、分享视频-->
                                    <local:ListDataTemplateSelector.SHARE_VIDEO>
                                        <DataTemplate>
                                            <Grid>
                                            </Grid>
                                        </DataTemplate>
                                    </local:ListDataTemplateSelector.SHARE_VIDEO>
                                    <!--2、更新状态-->
                                    <local:ListDataTemplateSelector.UPDATE_STATUS>
                                        <DataTemplate>
                                            <Grid>
                                            </Grid>
                                        </DataTemplate>
                                    </local:ListDataTemplateSelector.UPDATE_STATUS>
                                    <!--3、发布日志-->
                                    <local:ListDataTemplateSelector.PUBLISH_BLOG>
                                        <DataTemplate>
                                            <Grid Margin="0,20,0,0">
                                            </Grid>
                                        </DataTemplate>
                                    </local:ListDataTemplateSelector.PUBLISH_BLOG>
                                    <!--4、上传一张照片-->
                                    <local:ListDataTemplateSelector.PUBLISH_ONE_PHOTO>
                                        <DataTemplate>
                                            <Grid Margin="0,20,0,0" >
                                            </Grid>
                                        </DataTemplate>
                                    </local:ListDataTemplateSelector.PUBLISH_ONE_PHOTO>
                                    <!--5、分享照片-->
                                    <local:ListDataTemplateSelector.SHARE_PHOTO>
                                        <DataTemplate>
                                            <Grid Margin="0,20,0,0" >
                                            </Grid>
                                        </DataTemplate>
                                    </local:ListDataTemplateSelector.SHARE_PHOTO>
                                    <!--6、分享相册-->
                                    <local:ListDataTemplateSelector.SHARE_ALBUM>
                                        <DataTemplate>
                                            <Grid Margin="0,20,0,0" >
                                            </Grid>
                                        </DataTemplate>
                                    </local:ListDataTemplateSelector.SHARE_ALBUM>
                                    <!--7、上传多张照片-->
                                    <local:ListDataTemplateSelector.PUBLISH_MORE_PHOTO>
                                        <DataTemplate>
                                            <Grid Margin="0,20,0,0" >
                                            </Grid>
                                        </DataTemplate>
                                    </local:ListDataTemplateSelector.PUBLISH_MORE_PHOTO>
                                    <!--8、分享链接-->
                                    <local:ListDataTemplateSelector.SHARE_LINK>
                                        <DataTemplate>
                                            <Grid>
                                            </Grid>
                                        </DataTemplate>
                                    </local:ListDataTemplateSelector.SHARE_LINK>
                                    <!--9、分享日志-->
                                    <local:ListDataTemplateSelector.SHARE_BLOG>
                                        <DataTemplate>
                                            <Grid>
                                            </Grid>
                                        </DataTemplate>
                                    </local:ListDataTemplateSelector.SHARE_BLOG>
                                </local:ListDataTemplateSelector>
                            </DataTemplate>
                        </ListBox.ItemTemplate>

                    </ListBox>

over

windows phone 之ListBox模板选择的更多相关文章

  1. 最新 Windows 10 应用项目模板发布

    以下是最新的Visual Studio 2015 Windows 10 应用程序模板. Windows 10中几乎所有的官方应用都遵循这样一个设计模板:在左上方有一个所谓的导航栏.点击该导航按钮,左侧 ...

  2. Windows下Wireshark安装版本选择方式

    Windows下Wireshark安装版本选择方式   Wireshark版本分为1.X系列和2.X系列.1.X系列是早期版本,不提供中文版本.2.X系列是新版本,安装后,同时提供中文版和英文版.根据 ...

  3. wpf ListBox删除选择项(支持多项)

    搞了个ListBox删除选择项,开始老是不能把选择项删除干净,剩下几个.后来调试一下原来是ListBox在删除一个选择项之后立即更新,选择项也有变化.结果我想了个这样的方法来删除呵呵. Departm ...

  4. WPF 自定义列表筛选 自定义TreeView模板 自定义ListBox模板

    有很多项目,都有数据筛选的操作.下面提供一个案例,给大家做参考. 左侧是数据源,搜索框加TreeView控件,右侧是ListBox控件.在左侧数据列点击添加数据,然后点击确定,得到所筛选的数据. 下面 ...

  5. [New Portal]Windows Azure Virtual Machine (10) 自定义Windows Azure Virtual Machine模板

    <Windows Azure Platform 系列文章目录> 通过之前的文章,我相信大家对微软Windows Azure Virtual Machine有一定的了解了. 虽然微软提供了非 ...

  6. Windows下WEB服务器的选择与搭建

    本文主要基于支持perl的web服务器的选择. 一直基于web开发,服务器都是linux下使用webmin搭建的,惭愧的说一句,这么多年,也好好研究过WEB服务器,单从这个角度,是不是可以反应出web ...

  7. WPF:自定义ListBox的选择样式

    首先介绍一种简单地方法:就是通过自定义SystemColors类的参数来自定义WPF ListBox选择颜色的, SystemColors的HighlightBrushKey和HighlightTex ...

  8. 自定义WPF ListBox的选择样式

    (下图:进行多项选择的ListBox) 首先介绍一种简单地方法:就是通过自定义SystemColors类的参数来自定义WPF ListBox选择颜色的,SystemColors的HighlightBr ...

  9. [转载]SQL Server 2008 R2安装时选择的是windows身份验证,未选择混合身份验证的解决办法

    安装过程中,SQL Server 数据库引擎设置为 Windows 身份验证模式或 SQL Server 和 Windows 身份验证模式.本文介绍如何在安装后更改安全模式. 如果在安装过程中选择&q ...

随机推荐

  1. 2D游戏编程1--windows编程模型

    一.创建一个windows程序步骤 1.创建一个windows类 2.创建一个事件处理程序 3.注册windows类 4.用之前创建的windows类创建一个窗口 5.创建一个主事件循环   二.存储 ...

  2. java解惑

    java对转义字符没有提供任何特殊处理.编译器在将程序解析成各种符号之前,先将 Unicode 转义字符转换成为它们所表示的字符[JLS 3.2] 阅读笔记

  3. equals()和hashCode()区别?

    equals()和hashCode()区别? ------------------------------------------------- equals():反映的是对象或变量具体的值,即两个对 ...

  4. VS2013/2012 下无法打开 源 文件“stdafx.h”的解决方法

    VS2013/2012下代码一写上去保存就报错了,下方提示无法打开 源 文件“stdafx.h” 如图: 百度了一下,对于VS2010有这样的方法可以解决: 在项目属性中展开C/C++,选择常规,在附 ...

  5. mongodb基本操作及存储图片显示方案

    先介绍下mongodb的基本操作及使用 第一部:开启安全性验证 如果需要给MongoDB数据库使用安全验证,则需要用--auth开启安全性检查,则只有数据库认证的用户才能执行读写操作,开户安全性检查, ...

  6. Android 镜像地址[持续更新中]

    这里收集android国内镜像资源地址 大连东软信息学院镜像服务器地址:– http://mirrors.neusoft.edu.cn 端口:80北京化工大学镜像服务器地址:– IPv4: http: ...

  7. ABAP提示信息对话框

     1.   call function 'POPUP_TO_CONFIRM_WITH_MESSAGE'         exporting           diagnosetext1 = '数据为 ...

  8. End-to-End Tracing of Ajax/Java Applications Using DTrace

    End-to-End Tracing of Ajax/Java Applications Using DTrace         By Amit Hurvitz, July 2007     Aja ...

  9. careercup-链表 2.7

    2.7 编写一个函数,检查链表是否为回文. 思路:1)可以利用链表中的元素采用头插法创建一个新的链表,然后比较两个链表的元素是否相等.   2)利用快慢指针,将链表后半部分逆转之后,比较前半部分与后半 ...

  10. 错误ERROR datanode.DataNode (DataXceiver.java:run(278)) - hadoop07:50010DataXceiver error processing unknown operation src:127.0.0.136479 dst:127.0.0.150010

    原因: Ambari 每分钟会向datanode发送"ping"连接一下去确保datanode是正常工作的.否则它会触发alert.但是datanode并没有处理空内容的逻辑,所以 ...