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

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

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

(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. C语言宏定义函数中的“_##”的意思

    最近在看google vp9的代码的时候碰到: #define intra_pred_sized(type, size) \ void vp9_##type##_predictor_##size##x ...

  2. CF 294C(Java大数做计数)

    题目链接:http://codeforces.com/contest/294/problem/C 代码: import java.util.*; import java.math.*; public ...

  3. Python默认编码错误SyntaxError: Non-ASCII character '\xe5'之解决方法

    在编写Python时,当使用中文输出或注释时运行脚本,会提示错误信息: SyntaxError: Non-ASCII character '\xe5' in file ******* 解决方法: py ...

  4. openstack libtray

    OpenStack packages¶ Distributions release OpenStack packages as part of the distribution or using ot ...

  5. mongoDB文件太大查错纪录

    日志系统,突然从24号之后的都断层了,交易看不见.查了一下问题是MongoDB把硬盘撑爆了,看了下情况: -bash-3.2$ du -h 82M ./log .1G ./db/journal .0K ...

  6. asp.net将本地Excel上传到服务器并把数据导入到数据库

    前台代码: <td class="formLabel"> 批量修改: </td> <td class="formInput"> ...

  7. IOS开发之内存管理--dealloc该写些什么

    在非ARC开发环境中,dealloc是类释放前,清理内存的最后机会.到底那些变量和属性该释放呢,一些特殊的类(nstimer,observer)该怎么释放.需要注意的是不释放会引起内存泄露,过度释放也 ...

  8. PTA - - 06-图1 列出连通集 (25分)

    06-图1 列出连通集   (25分) 给定一个有NN个顶点和EE条边的无向图,请用DFS和BFS分别列出其所有的连通集.假设顶点从0到N-1N−1编号.进行搜索时,假设我们总是从编号最小的顶点出发, ...

  9. xml 与 DataSet 互相转换

    本文转载:http://www.cnblogs.com/30ErLi/archive/2010/09/21/1832694.html XmlDatasetConvert 该类提供了四种方法: 1.将x ...

  10. FontCombobox 和FontSizeCombobox

    附件:http://files.cnblogs.com/xe2011/WindowsFormsFontCombox.rar 自定义组件字体组合框 自定义组件字体组合框如何使用 自定义组件字体大小组合框 ...