WPF--模板选择

典型的，把模板关联到一块特定的数据上，不过通常希望动态的确定使用哪个模板---既可以基于一个属性值，也可以是一个全局状态。当真正需要大规模替换模板时，也可以使用DataTemplateSelector。

DataTemplateSelector提供了一个单一的方法----SelectTemplate，以允许通过执行任何逻辑来决定使用哪个模板。可以在被包含的元素中查找模板，并返回一些硬编码的模板，甚至动态的为每个条目创建模板。

首先，创建一个继承自DataTemplateSelector的类，并完成一些在几个模板中进行旋转的逻辑。在这个例子中，将找到XmlElement的LocalName，并从容器中获取具有该名称的资源，代码如下：

 public class LocalNameTemplateSelector : DataTemplateSelector

        public override DataTemplate SelectTemplate (object item,DependencyObject container)

            XmlElement data = item as XmlElement;

            if (data != null)

                return ((FrameworkElement)container).FindResource(data.LocalName) as DataTemplate;

            return null;

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

为了初始化所有的模板，将构建三个模板：用于书籍的棕色矩形，用于CD的银色圆形以及用于DVD的蓝色圆形。由于模板选择器将查找XmlElement的本地名称，所以需要为每个模板设置X:Key，代码如下：

 <DataTemplate x:Key="Book" DataType="{x:Type sx:XmlElement}">

            <StackPanel Orientation="Horizontal">

            <Rectangle Margin="2" Width="14" Height="14" Fill="Brown"/>

            <TextBlock  VerticalAlignment="Center" Text="{Binding XPath=@Title}"></TextBlock>

            </StackPanel>

        </DataTemplate>

        <DataTemplate x:Key="CD" DataType="{x:Type sx:XmlElement}">

            <StackPanel Orientation="Horizontal">

                <Ellipse Margin="2" Width="14" Height="14" Fill="Silver"/>

                <TextBlock  VerticalAlignment="Center" Text="{Binding XPath=@Title}"></TextBlock>

            </StackPanel>

        </DataTemplate>

        <DataTemplate x:Key="DVD" DataType="{x:Type sx:XmlElement}">

            <StackPanel Orientation="Horizontal">

                <Ellipse Margin="2" Width="14" Height="14" Fill="Blue"/>

                <TextBlock  VerticalAlignment="Center" Text="{Binding XPath=@Title}"></TextBlock>

            </StackPanel>

        </DataTemplate>

余下的就是把模板选择器和ListBox进行关联，而不是设置静态模板，代码如下：

 <ListBox ItemsSource="{Binding XPath=/Media/*}">

            <ListBox.ItemTemplateSelector>

                <l:LocalNameTemplateSelector xmlns:l="clr-namespace:WpfProgressBarDemo"/>

            </ListBox.ItemTemplateSelector>

        </ListBox>

前台完整代码如下：

<Window x:Class="WpfProgressBarDemo.DataTemplateSelectorDemo"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:sx="clr-namespace:System.Xml;assembly=System.Xml"

        Title="DataTemplateSelector" Height="300" Width="300"

        DataContext="{DynamicResource dataSource}"

        >

    <Window.Resources>

        <!--数据源-->

        <XmlDataProvider x:Key="dataSource">

            <x:XData>

                <Media xmlns="">

                    <Book Author="Aretch" Title="WCF全面解析"/>

                    <Book Author="ByVoid" Title="Node.js开发指南"/>

                    <Book Author="Rogers Cardenhead" Title="21天学通Java"/>

                    <CD  Title="没有CD了"/>

                    <DVD  Title="《十面埋伏》"/>

                </Media>

            </x:XData>

        </XmlDataProvider>

        <DataTemplate x:Key="Book" DataType="{x:Type sx:XmlElement}">

            <StackPanel Orientation="Horizontal">

            <Rectangle Margin="2" Width="14" Height="14" Fill="Brown"/>

            <TextBlock  VerticalAlignment="Center" Text="{Binding XPath=@Title}"></TextBlock>

            </StackPanel>

        </DataTemplate>

        <DataTemplate x:Key="CD" DataType="{x:Type sx:XmlElement}">

            <StackPanel Orientation="Horizontal">

                <Ellipse Margin="2" Width="14" Height="14" Fill="Silver"/>

                <TextBlock  VerticalAlignment="Center" Text="{Binding XPath=@Title}"></TextBlock>

            </StackPanel>

        </DataTemplate>

        <DataTemplate x:Key="DVD" DataType="{x:Type sx:XmlElement}">

            <StackPanel Orientation="Horizontal">

                <Ellipse Margin="2" Width="14" Height="14" Fill="Blue"/>

                <TextBlock  VerticalAlignment="Center" Text="{Binding XPath=@Title}"></TextBlock>

            </StackPanel>

        </DataTemplate>

    </Window.Resources>

    <Grid>

        <ListBox ItemsSource="{Binding XPath=/Media/*}">

            <ListBox.ItemTemplateSelector>

                <l:LocalNameTemplateSelector xmlns:l="clr-namespace:WpfProgressBarDemo"/>

            </ListBox.ItemTemplateSelector>

        </ListBox>

    </Grid>

</Window>

效果如下：

好了完成了，本实例除了可以学怎样动态进行模板选择，哪还将学会怎样使用XML数据绑定。另外为了使读者能更好的理解，现提供另一个我项目中的例子供大家参考

后台：

  public class LocalNameTemplateSelector : DataTemplateSelector

    {

        public override DataTemplate SelectTemplate(object item, DependencyObject container)

        {

            if (item != null && item is DeviceCheckInfo)

            {

                DeviceCheckInfo device = item as DeviceCheckInfo;

                Window2 win = new Window2();

                if (device.CheckResult)

                    return win.FindResource("dui") as DataTemplate;

                else

                    return win.FindResource("cuo") as DataTemplate;

            }

            return null;

        }

    }

  public class DeviceCheckInfo

    {

        //设备名称

        public string Name { get; set; }

        //检测内容

        public string CheckContent { get; set; }

        //检测结果

        public bool CheckResult { get; set; }

    }

Xaml部分：

<Window x:Class="WpfProgressBarDemo.Window2"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:local="clr-namespace:WpfProgressBarDemo"

        Title="Window2" Height="433" Width="500" Loaded="Window_Loaded">

    <Window.Resources>

        <local:IShowTrueOrFalse x:Key="convetToImage"></local:IShowTrueOrFalse>

        <Style TargetType="TextBlock" >

            <Setter Property="HorizontalAlignment" Value="Center"/>

            <Setter Property="VerticalAlignment" Value="Center"/>

            <Setter Property="Margin" Value="30"/>

            <Setter Property="FontSize" Value="20"/>

        </Style>

        <DataTemplate x:Key="dui" DataType="{x:Type local:DeviceCheckInfo}" >

            <StackPanel Orientation="Horizontal" CheckBox.Checked="StackPanel_Checked">

                <TextBlock Text="{Binding Path=Name}" Margin="10"  VerticalAlignment="Center" FontSize="20"/>

                <TextBlock Text="{Binding Path=CheckContent}" Margin="10" VerticalAlignment="Center" FontSize="20"/>

                <Path x:Name="dui" Data="M43,5 L20,40 20,40 0,20 6,15 18,26 37,7 43,5 z" Fill="Green" Margin="5"  Stretch="Fill"/>

                <CheckBox Name="checkbox" Checked="checkbox_Checked"/>

            </StackPanel>

        </DataTemplate>

        <DataTemplate x:Key="cuo" DataType="{x:Type local:DeviceCheckInfo}">

            <StackPanel Orientation="Horizontal">

                <TextBlock Text="{Binding Path=Name}" Margin="10" VerticalAlignment="Center" FontSize="20"/>

                <TextBlock Text="{Binding Path=CheckContent}" Margin="10" VerticalAlignment="Center" FontSize="20"/>

                <Path Margin="5" Data="M50,25 L25,50 M25,25 50,50" Fill="#FFF4F4F5"  Height="40" Stretch="Fill" Stroke="Red"  Width="40" StrokeThickness="8"/>

                <CheckBox Name="checkbox" Checked="checkbox_Checked"/>

            </StackPanel>

        </DataTemplate>

        <local:LocalNameTemplateSelector x:Key="myDataTemplateSelector"/>

    </Window.Resources>

    <Grid>

        <ListBox Name="lbtest" ItemTemplateSelector="{StaticResource myDataTemplateSelector}" SelectionChanged="lbtest_SelectionChanged" />

           </Grid>

</Window>

效果如下：

这个是自己画了对勾和叉叉然后当模板了。

WPF--模板选择的更多相关文章

WPF范围选择控件（RangeSelector）
原文:WPF范围选择控件(RangeSelector) 版权声明:本文为博主原创文章,转载请注明作者和出处 https://blog.csdn.net/ZZZWWWPPP11199988899/art ...
WPF快速入门系列(7)——深入解析WPF模板
一.引言模板从字面意思理解是“具有一定规格的样板".在现实生活中,砖块都是方方正正的,那是因为制作砖块的模板是方方正正的,如果我们使模板为圆形的话,则制作出来的砖块就是圆形的,此时我们并不 ...
WPF 模板绑定父级控件内容
WPF 模板绑定父级控件内容 <Style TargetType="Button" x:Key="btn"> <Setter Property ...
WPF自定义选择年月控件详解
本文实例为大家分享了WPF自定义选择年月控件的具体代码,供大家参考,具体内容如下封装了一个选择年月的控件,XAML代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ...
WPF源代码分析系列一：剖析WPF模板机制的内部实现（一）
众所周知,在WPF框架中,Visual类是可以提供渲染(render)支持的最顶层的类,所有可视化元素(包括UIElement.FrameworkElment.Control等)都直接或间接继承自Vi ...
WPF动态模板选择的两种实现
前言 .net开发工作了六年,看了大量的博客,现在想开始自己写博客,这是我的第一篇博客,试试水,就从自己最常使用的WPF开始. 今天我来给大家分享可用户动态选择控件模板的两种实现方式:DataTrig ...
WPF中模板选择和DataContext的一些使用
如图样: View结构 MainView(MainViewModel)|---Guide1View(Guide1ViewModel)|---Guide2View(Guide2ViewModel) |- ...
WPF模板（一）详细介绍
本次随笔来源于电子书,人家的讲解很好,我就不画蛇添足了. 图形用户界面应用程序较之控制台界面应用程序最大的好处就是界面友好.数据显示直观.CUI程序中数据只能以文本的形式线性显示,GUI程序则允许数据 ...
wpf 模板选择器DataTemplateSelector及动态绑定使用教程
其实也说不上算是教程了,只是把自己学习的代码拿出来分享一下,同时方便以后遇到类似问题的时候翻一下.MSDN里如是说:通常,如果有多个 DataTemplate 可用于同一类型的对象,并且您希望根据每个 ...
WPF模板
WPF的中模板有三种:ControlTemplate.ItemsPanelTemplate.DataTemplate,他们继承抽象类FrameworkTemplate,下面是它们的继承关系: Wind ...

随机推荐

tfs查看最近签入记录及文件
在团队资源管理=>源代码管理资源管理器=>选择某个最近签入的文件夹=>右键=>查看历史记录=>双击某个文件夹就能看到最近变更集文件
Git清空历史，清空历史删除的文件，降低.git 文件大小
执行以下步骤之前请做好源码备份本操作用来清理github上面的历史删除文件,减少库的体积. 第一步骤下载JDK环境和JAR包 https://rtyley.github.io/bfg-repo- ...
MVC 5使用ViewData(对象)显示数据
控制器协调处理好数据之后,是交由视图来显示数据.在控制器与视图交互有一个是ViewData.这次练习,Insus.NET就以它来做实例. 前些时间,Insus.NET实现的练习中,也有从控制器传数据给 ...
winform自动升级方案
未涉及过winform升级,研究一阵,大致出来个不成熟的方案. 我的解决方案(判断升级,升级程序下载安装包的压缩包,解压,自动安装,重新启动程序). 1.首先根据服务器中软件版本号和本地软件版本号是否 ...
Mongodb--基础(连接,增删改查,数据类型)
mongodb 日常启动命令 mongod --dbpath D:\data\db 一.启动,连接 mongodb是一个非关系型数据库 1. 启动MongoDB服务: 安装时我并没有将mongodb服 ...
WINDOWS平台下的栈溢出攻击从0到1（篇幅略长但非常值得一看）
到1的这个过程.笔者也希望能够通过这些技术分享帮助更多的朋友走入到二进制安全的领域中.2.文章拓扑由于本篇文章的篇幅略长,所以笔者在这里放一个文章的拓扑,让大家能够在开始阅读文章之前对整个文章的体系架 ...
[Swift]优先队列PriorityQueue(自定义数据结构)
优先队列[priority queue] 普通的队列是一种先进先出的数据结构,元素在队列尾追加,而从队列头删除. 优先队列特点:在优先队列中,元素被赋予优先级. 当访问元素时,具有最高优先级的元素最先 ...
【liferay】4、liferay的权限体系
liferay中有几个概念 1.user_ 表存放liferay的用户 2.usergroup 用户组 3.角色 4.组织,组织可以是站点的成员 5.站点 6.团队 liferay中所有的东西都被视为 ...
善用Intellij插件可大幅提升我们的效率
转自 :https://www.jianshu.com/p/686ba0ae4ac2 1. .ignore 生成各种ignore文件,一键创建git ignore文件的模板,免得自己去写截图: 2. ...
android stdio Error Could not find com.android.tools common 25.2.2
Error:Could not find com.android.tools:common:25.2.2. Searched in the following locations: file:/D:/ ...

WPF--模板选择

WPF--模板选择的更多相关文章

随机推荐

热门专题