深入详解WPFControlTemplate

WPF图形界面显示工具是由微软公司研发的一款全新的图形处理工具。它的使用可以帮助开发人员简单的实现图形界面的开发。#t#

创新互联是一家集网站建设,兰山企业网站建设,兰山品牌网站建设,网站定制,兰山网站建设报价,网络营销,网络优化,兰山网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

WPF包含数据模板和控件模板,其中控件模板又包括ControlTemplate和ItemsPanelTemplate,这里讨论一下WPF ControlTemplate。

其实WPF的每一个控件都有一个默认的模板,该模板描述了控件的外观以及外观对外界刺激所做出的反应。我们可以自定义一个模板来替换掉控件的默认模板以便打造个性化的控件。

与Style不同,Style只能改变控件的已有属性值(比如颜色字体)来定制控件,但控件模板可以改变控件的内部结构(VisualTree,视觉树)来完成更为复杂的定制,比如我们可以定制这样的按钮:在它的左办部分显示一个小图标而它的右半部分显示文本。

要替换控件的模板,我们只需要声明一个WPF ControlTemplate对象,并对该ControlTemplate对象做相应的配置,然后将该ControlTemplate对象赋值给控件的Template属性就可以了。

WPF ControlTemplate包含两个重要的属性:

1,VisualTree,该模板的视觉树,其实我们就是使用这个属性来描述控件的外观的

2,Triggers,触发器列表,里面包含一些触发器Trigger,我们可以定制这个触发器列表来使控件对外界的刺激发生反应,比如鼠标经过时文本变成粗体等。

参考以下代码

 
 
 
  1. < Button>   
  2. < Button.Template> < ControlTemplate>   
  3. < !--定义视觉树-->   
  4. < Grid>   
  5. < Ellipse Name="faceEllipse" Width="
    {TemplateBinding Button.Width}" 
    Height="{TemplateBinding Control.Height}" 
    Fill="{TemplateBinding Button.Background}"/>   
  6. < TextBlock Name="txtBlock" 
    Margin="{TemplateBinding Button.Padding}"
     VerticalAlignment="Center" 
    HorizontalAlignment="Center" 
    Text="{TemplateBinding Button.Content}" />   
  7. < /Grid> < !--定义视觉树_end-->   
  8. < /ControlTemplate>   
  9. < /Button.Template>   
  10. < /Button> 

在上面的代码中,我们修改了Button的Template属性,我们定义了一个WPF ControlTemplate,在< ControlTemplate> ... < /ControlTemplate>之间包含的是模板的视觉树,也就是如何显示控件的外观,我们这里使用了一个Ellipse(椭圆)和一个TextBlock(文本块)来定义控件的外观。

很容易联想到一个问题:控件(Button)的一些属性,比如高度、宽度、文本等如何在新定义的外观中表现出来呢?
我们使用TemplateBinding 将控件的属性与新外观中的元素的属性关联起来Width="{TemplateBinding Button.Width}" ,这样我们就使得椭圆的宽度与按钮的宽度绑定在一起而保持一致,同理我们使用Text="{TemplateBinding Button.Content}"将TextBlock的文本与按钮的Content属性绑定在一起。

本文标题:深入详解WPFControlTemplate
文章起源:http://www.gawzjz.com/qtweb2/news4/18854.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联