62 WPF资源样式与模板ppt课件

1、项目六项目六 WPF资源、样式和模板资源、样式和模板项目美化项目美化讲师 刘振东本章导读：本章的主要内容是利用资源、样式和模板的相关知识，美化图书管理系统。通过项目“系统中各控件美化为导向，四个任务美化TextBlock控件、美化TextBox控件、美化Button控件和自定义控件模板为驱动，学习有关WPF资源、样式和模板的知识，本项目着力使学习者对WPF的资源、样式有一定认识，初步掌握自定义控件模板的用法。项目六项目六 WPF资源、样式和模板资源、样式和模板项目美化项目美化任务二任务二 美化美化TextBox控件控件样式是指WPF的元素在界面中呈现的形式。读者添加界面使用的是默认WPF元素样

2、式，我们可以利用XAML资源来实现对其的美化。即在XAML资源中用Style元素声明样式和模板，并在控件中引用它。此次任务修改的是TextBox控件的外观。一、任务描述：二、知识准备：1Style元素gdjinqiu welxun gelishfw/ gybcny/ hd8go/ sj93/ mdwxz88/ oemgc/ 189288/ hzp580 yjoem/ oemdg/ oemfy/ xcdnpx/ yanjigz/ 189286/ dgxcdn dgxcpx/ xcwxpx/ xunchi-px/ oemfy/ 0759mz/ lczx188/ 189287/ 023gree/ g

3、lwxz/ 023midea/ 023chigo/ 023aux/ 023haier/ 023xiu/ 51/ 023vatti/ gz-bestally ystmach/ ystcode/ gdjinqiu welxun gelishfw/ gybcny/ hd8go/ sj93/ mdwxz88/ oemgc/ 189288/ hzp580 yjoem/ oemdg/ oemfy/ xcdnpx/ yanjigz/ 189286/ dgxcdn dgxcpx/ xcwxpx/ xunchi-px/ oemfy/ 0759mz/ lczx188/ 189287/ 023gree

4、/ glwxz/ 023midea/ 023chigo/ 023aux/ 023haier/ 023xiu/ 51/ 023vatti/ gz-bestally ystmach/ ystcode/ WPF应用程序中的样式是利用XAML资源来实现的。Style元素的常用形式为二、知识准备：1、Style元素在XAML资源的Style元素中，也可以利用模板来自定义控件的外观。另外，触发器也是WPF应用程序中常用的技术之一。在WPF中，通过引入模板，微软将数据和算法的内容与形式解耦了。WPF提供了两种模板化技术，一种是样式模板化，另一种是数据模板化。1、Style元素二、知识准备： 所

5、谓样式模板化，是指利用控件的ControlTemplate来定义控件的外观，从而让控件呈现出各种形式。它决定了控件“长成什么样子”，并让程序员有机会在控件原有的内部逻辑基础上扩展自己的逻辑。作为资源，ControlTemplate可以放在三个地方：Application资源词典里、某个界面元素的资源词典里、或者放在外部XAML文件中。 在Style中，用Template属性定义控件的模板。1、Style元素二、知识准备： 数据模板化，是指利用数据模板化，是指利用DataTemplate将控件和多项数据自动绑定在将控件和多项数据自动绑定在一起。一条数据显示成什么样子，是简单的文本还是直观的图形就

6、由它一起。一条数据显示成什么样子，是简单的文本还是直观的图形就由它来决定了。来决定了。 一言以蔽之，一言以蔽之，Template就是数据的外衣就是数据的外衣-ControlTemplate是控件的是控件的外衣，外衣，DataTemplate是数据的外衣。是数据的外衣。1、Style元素二、知识准备：示例代码如下： 二、知识准备： I am a Button ! 二、知识准备：运行效果如图所示：二、知识准备：我们来看看模板的定义： 二、知识准备： 这里创建了一个ControlTemplate的实例，并指定其TargetType属性为Button，表示该模板适用于按钮。在模板中放入了一个Grid以

7、承载其它控件，Grid里可以放入任何控件，就像你在其它地方使用的时候一样.二、知识准备： ContentPresenter对象对于ContentControl来说是必要的，它告诉程序如何呈现其Content属性，这里是居中显示，如何你不指定ContentPresenter对象，Content属性将无法显示。通过样式模板化美化读者添加窗体界面的TextBox控件。三、任务分析：1. 打开之前创建的读者添加项目，先把窗体的颜色改为线性渐变，可以用Blend实现。程序运行效果如下图：四、任务实施：通过XAML代码修改背景颜色如下： 四、任务实施：2. 现在的TextBox方方正正，有棱有角，与窗体和Button的圆角风格不太协调。我们利用Blend改变TextBox的模板，也可以通过下面的代码重新定义TextBox的ControlTemplate，将它的边框变成圆角矩形。我们选择把新定义的模板样式存放在Window元素的资源文件里。当然，如果将样式资源声明在App.xaml文件的Application.Resources属性中，它的作用范围