WPF中的ControlTemplate
WPF包含数据模板和控件模板,其中控件模板又包括ControlTemplate和
ItemsPanelTemplate,这里讨论一下ControlTemplate。
其实WPF的每一个控件都有一个默认的模板,该模板描述了控件的外观(视觉树)以及
外观对外界刺激所做出的反应(触发器)。我们可以自定义一个模板来替换掉控件的
默认模板以便打造个性化的控件。
与Style不同,Style只能改变控件的已有属性值(比如颜色字体)来定制控件,但控件模
板可以改变控件的内部结构(VisualTree,视觉树)来完成更为复杂的定制,比如我们可
以定制这样的按钮:在它的左办部分显示一个小图标而它的右半部分显示文本。 要
替换控件的模板,我们只需要声明一个ControlTemplate对象,并对该ControlTemplate对
象做相应的配置,然后将该ControlTemplate对象赋值给控件的Template属性就可以了。
ControlTemplate包含两个重要的属性:
1, VisualTree,该模板的视觉树,其实我们就是使用这个属性来描述控件的外观的
2, Triggers,触发器列表,里面包含一些触发器Trigger,我们可以定制这个触发器列
表来使控件对外界的刺激发生反应,比如鼠标经过时文本变成粗体等。
参考以下代码:
在上面的代码中,我们修改了Button的Template属性,我们定义了一个
ControlTemplate,在 … 之间包含的是模板的视觉
树,也就是如何显示控件的外观,我们这里使用了一个Ellipse(椭圆)和一个
TextBlock(文本块)来定义控件的外观。
很容易联想到一个问题:控件(Button)的一些属性,比如高度、宽度、文本等如何在
新定义的外观中表现出来呢?