WPF控件模板和数据模板的区别

是的，最近在看WPF，也算是加深下c#的知识，毕竟winform的界面有的时候真的不是很美观。WPF中模板与Style不同，Style只能改变控件的已有属性值（比如颜色字体）来定制控件，形同HTML中的CSS，但控件模板可以改变控件的内部结构（VisualTree，视觉树）来完成更为复杂的定制，其实WPF的每一个控件都有一个默认的模板。

数据模板跟控件模板的区别主要体现在，通常情况下，控件模板只是为了自己而呈现的，并不反映基础数据。例如，一个Button不会被绑定到一个业务对象 - 它只是可以被点击。而ContentControl或ListBox通常显示为可以为用户呈现数据。因此，DataTemplate用于为底层数据提供可视结构，而ControlTemplate与底层数据无关，仅为控件本身提供可视化布局。

ControlTemplate通常只包含TemplateBinding表达式，绑定回控件本身的属性，而DataTemplate将包含标准绑定表达式，并绑定到其DataContext（业务/域对象或视图模型）的属性，它们面对的绑定对象类型不一致。

对此，查看下面简单的数据模板和控件模板示例，体验区别：

<Windowxmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="clr-namespace:WpfBook"xmlns:Themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Aero" x:Class="WpfBook.ImageButton"Title="ImageButton" Height="300" Width="300" Activated="Window_Activated"><Window.Resources><ControlTemplate x:Key="ImageButton-ControlTemplate" TargetType="{x:Type Button}"><Grid><Ellipse Width="{TemplateBinding Width}" Height="{TemplateBinding Height}"  Fill="{TemplateBinding Background}"/><TextBlock Margin="{TemplateBinding Padding}" VerticalAlignment="Center"  HorizontalAlignment="Center"  Text="{TemplateBinding Content}" /></Grid><ControlTemplate.Triggers><Trigger Property="IsMouseOver" Value="true"><Setter Property="Foreground" Value="Red" /></Trigger></ControlTemplate.Triggers></ControlTemplate><DataTemplate x:Key="ImageButton-DataTemplate" DataType="{x:Type local:Person}"><TextBlock x:Name="tb" Text="{Binding Name}" Margin="1" /><DataTemplate.Triggers><DataTrigger Binding="{Binding IsOnline}" Value="False"><Setter TargetName="tb" Property="Foreground" Value="Gray" /></DataTrigger></DataTemplate.Triggers></DataTemplate><DataTemplate x:Key="Item-DataTemplate" DataType="{x:Type local:Person}"><TextBlock x:Name="tb" Text="{Binding Name}" Margin="1" /><DataTemplate.Triggers><DataTrigger Binding="{Binding IsOnline}" Value="False"><Setter TargetName="tb" Property="Foreground" Value="Red" /></DataTrigger></DataTemplate.Triggers></DataTemplate></Window.Resources><StackPanel Orientation="Vertical"><Button Template="{StaticResource ImageButton-ControlTemplate}" Content="abcde"/><Button x:Name="ddd" ContentTemplate="{StaticResource ImageButton-DataTemplate}" Content="{Binding APerson}"/><ListBox x:Name="list1" ItemTemplate="{StaticResource Item-DataTemplate}" ItemsSource="{Binding Persons}"/></StackPanel>
</Window>

这里补充点：

参考数据绑定思维，数据模板通过Content属性指定数据源，将数据先绑定到Content属性上，通过ContentTemplate指定数据处理方式。Button是数据content 对应的模板是ContentTemplate，Button是control对应的模板是Template。
数据模板中设定属性，必须要使用指定TargetName，而控件模板不需要。
数据模板中除了给ContentTemplate，例子中还可以设定给ItemsControl的ItemTemplate属性。除此以外还可以设定给GridViewColumn的CellTemplate属性。数据模板在页面xaml内部定义，而控件模板通常放到样式文件中。

参考https://blog.csdn.net/jfyy/article/details/80743009

WPF控件模板和数据模板的区别相关推荐

转载 WPF 控件模板数据模板面板模板
转载自:https://blog.csdn.net/ceasadan/article/details/61414879 模板使用方式:首先定义模板,然后在把对应的key应用到控件对应的属性中: 属性对 ...
[转] 使用模板自定义 WPF 控件
[转] 使用模板自定义 WPF 控件 ...
WPf控件模板缺省样式
WPF控件模板缺省样式:http://www.cnblogs.com/khler/archive/2009/07/14/1523043.html 转载于:https://www.cnblogs.com ...
WPF控件样式、模板
初次写博客,新手请多指教. 写WPF已有一年有余了,平时在工作项目当中喜欢总结一些公用库,通用样式之类的,以便于日后工作中遇到,可以直接复用,提供工作效率. 本文提供 Windows.Button.S ...
在Repeater控件,Repeater1控件中都有FooterTemplate模板.但你在后台中如何去找FooterTemplate中的控件呢?...
在Repeater控件,Repeater1控件中都有FooterTemplate模板.但你在后台中如何去找FooterTemplate中的控件呢? 如.<FooterTemplate> ...
开源WPF控件库-AdonisUI
原文:https://github.com/benruehl/adonis-ui 翻译:沙漠尽头的狼(谷歌翻译加持) 用于 WPF 应用程序的轻量级 UI 工具包,提供经典和增强的 Windows 视 ...
WPF控件开发之自定义控件(3)
创建 UserControl 如前所述,在 WPF 中创建控件的最简单方法是从 UserControl 派生.下面的示例演示用于定义 NumericUpDownUserControl 的用户界面 ( ...
WPF控件开发之自定义控件(1)
Windows Presentation Foundation (WPF) 控件模型的扩展性极大减少了创建新控件的需要.但在某些情况下,仍可能需要创建自定义控件.本主题讨论可最大限度减少在 Windo ...
DevExpress v15.1：WPF控件升级（四）
2019独角兽企业重金招聘Python工程师标准>>> <下载最新版DevExpress WPF Controls v15.1.5> WPF编辑器在Token编辑器中的 ...
wpf控件开发基础(1)
从现在开始,我将尝试写有关wpf控件开发相关的知识,把文章这对我来说很难,所以这个系列的文章在时间跨度上可能会拖的比较长.我希望我介绍是比较详细的,而不仅仅是一个简单的控件开发流程.我是一个真正的We ...

WPF控件模板和数据模板的区别

WPF控件模板和数据模板的区别相关推荐

最新文章

热门文章