控件模板

控件模板

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Visual Studio 2015

作者：李成富

撰写时间：2019年5月22日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

WPF包含数据模板和控件模板，其中控件模板又包括ControlTemplate和 ItemsPanelTemplate。

WPF的每一个控件都有一个默认的模板，板描述了控件的外观以及外观对外界刺激所做出的反应（触发器）。

控件模板 可以改变控件的内部结构（VisualTree，视觉树）来完成更为复杂的定制，需要替换控件的模板。与Style不同，Style只能改变控件的已有属性值（比如颜色字体）来定制控件。

ControlTemplate包含两个重要的属性：

1. VisualTree，该模板的视觉树，其实我们就是使用这个属性来描述控件的外观
2. Triggers，触发器列表，里面包含一些触发器Trigger，我们可以定制这个触发器列表来 使控件对外界的刺激发生反应，比如鼠标经过时文本变成粗体等。
    

在上面的代码中，修改了Button的Template属性，定义一个ControlTemplate，在ControlTemplate之间包含的是模板的视觉树（控件的外观）。使用TemplateBinding将控件的属性与新的外观中的元素的属性关联起来，这样就可以使得椭圆的宽度与按钮的宽度绑定在一起而保持一致，同样将TextBlock的文本与按钮的Content属性绑定在一起。

除了定义控件的默认外观外，还需要定义当外界刺激控件时，控件外观做出相应的变化，所以还需要触发器。当Button的IsMouseIOver属性变成True时，将使用设置器将Button的Foreground属性设置为Red；当Button的IsMouseIOver属性变成False时，设置器中设置的属性将回复原值。

 

如果要重用模板，需要将模板定义为资源，

<Window.Resources>
    <ControlTemplate TargetType="Button" x:Key="ButtonTemplate">
        <!--定义视觉树-->
        <Grid>

        </Grid>
        <!--定义触发器-->
        <ControlTemplate.Triggers>
          <Trigger>
            <Setter />
          </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
</Window.Resources>

上面的代码将原来的模板定义为窗体范围内的资源，其中指定对象为Button，这样在整个窗体范围内的按钮都可以使用这个模板了。使用时，直接在Button按钮上调用模板的x:Key值，

<Button Content=" Button" Template="{StaticResource ButtonTemplate}" />