ControlTemplate和DataTemplate都是用于定制控件的外观,但两者有着很大的区别。

ControlTemplate服务于Control(有形的控件),而DataTemplate服务于Data(无形的数据)。

换句话说,ControlTemplate用于将已有的外观进行改造,DataTemplate是从无到有地构建外观。

 

ContentControl、ItemsControl类型

  • ContentControl,它的Content属性包含单个元素,例如Button
  • ItemsControl,它的Items属性包含多个元素,例如Listbox

 

ContentPresenter、ItemsPresenter类型

平常的使用中,可以认为这些Presenter是占位符,用于ControlTemplate的定义中,代表了控件原本的Content。

以ContentControl为例,它有一个ContentPresenter类型的属性,如果其值是一个UIElement,那就直接显示这个UIElement,但如果是某个无形的数据,就要让ContentPresenter的值是一个DataTemplate。

 

ControlTemplate类型

ControlTemplate的代表:

  • ContentControl类型的Template属性
  • ItemsControl类型的Template属性

ControlTemplate类型中常见到{TemplateBinding 属性名},一般表示与原有控件的属性绑定。

 

DataTemplate类型

DataTemplate的典型代表:

  • ContentControl类型的ContentTemplate属性
  • ItemsControl类型的ItemTemplate属性

DataTemplate类型中常见到{Binding …},表示数据绑定。

 

 

以下不属于Template,但是经常会与Template一起出现,所以写在这里。

 

ItemsPanel类型

表示ItemsControl各个Item是如何布局的,常用的也就是StackPanel横过来竖过来这些。

 

ItemContainerStyle类型

定制ItemsControl中各个Item的Style。如果要定制ItemsControl总框架的Style,就直接用ItemsControl的Style属性。

 

我的体会

DataTemplate比ControlTemplate更常用。

了解一个控件的Template(ControlTemplate类型),需要用blend查看控件的VisualTree,查起来改起来都比较麻烦。但有些情况下用ControlTemplate很有效率,例如把所有的TextBox都换成圆角的、给button改个形状加个图片。对于伤筋动骨的改造,需要ControlTemplate,而对于一般的描眉画眼(给现有的属性赋新值),只需要在Style的Setter里给要改变的属性赋值就可以了。

posted on 2011-12-08 00:31  MainTao  阅读(2503)  评论(3编辑  收藏  举报