1、项目六 WPF资源、样式和模板项目美化讲师 刘振东本章导读:本章的主要内容是主要内容是利用资源、样式和模板的相关知识利用资源、样式和模板的相关知识,美化图书管理系统。通过项目项目“系统中各控件美化系统中各控件美化”为导向,四,四个任务(美化TextBlock控件、美化TextBox控件、美化Button控件和自定义控件自定义控件模板模板)为驱动,学习有关学习有关WPFWPF资源、样式和模板的知识,资源、样式和模板的知识,本项目着力使学习者对WPF的资源、样式有一定认识,初步掌握自定义控件模板的用法。项目六 WPF资源、样式和模板项目美化任务一任务一 美化美化TextBlockTextBlock
2、控件控件读者添加界面使用的是默认WPF元素样式,我们可以利用XAML资源来实现对其的美化。即在XAML资源中用Style元素声明样式和模板,并在控件中引用它。此次任务修改的是TextBlock控件的外观。一、任务描述:二、知识准备:1资源2使用Pack URI路径访问二进制资源3XAML解析资源的顺序4静态资源gdjinqiu welxun gelishfw/ gybcny/ hd8go/ sj93/ mdwxz88/ oemgc/ 189288/ hzp580 yjoem/ oemdg/ oemfy/ xcdnpx/ yanjigz/ 189286/ dgxcdn dgxcpx/ xcwxp
3、x/ xunchi-px/ oemfy/ 0759mz/ lczx188/ 189287/ 023gree/ glwxz/ 023midea/ 023chigo/ 023aux/ 023haier/ 023xiu/ 51xiu.org/ 023vatti/ gz-bestally ystmach/ ystcode/ 资源是指那些项目中可以和C#代码分离的固定不变的信息。实际上就是把一些应用程序必须使用的资源与应用程序自身打包在一起,这样资源就不会意外丢失了,代价是应用程序体积会变大。 资源文件是指不能直接执行的文件,例如图像、字符串、图标、声音、视频、XAML文件等。各种编程语言的编译器会把这
4、些文件编译进目标文件(最终的.exe或.dll文件),资源文件在目标文件里以二进制数据的形式存在、形成目标文件的资源段。而在WPF中资源文件以哪种形式保存,则由其所在文件的“生成操作”属性来决定。二、知识准备:1、资源 在WPF项目中,既可以包含嵌入的资源(将资源文件嵌入到Resource.resx中),又可以包含链接的资源(将资源文件单独保存在项目中,而在扩展名为.resx的文件中只保存资源文件的链接)。 在WPF中,首选方式是将资源文件作为链接的资源,而不是作为嵌入的资源。二、知识准备:1、资源(1)嵌入的资源 嵌入的资源是指包含在Properties文件夹下的Resources.resx
5、文件中的资源。这是WinForm应用程序默认使用的方式。一旦将某个文件作为嵌入的资源,系统自动将其转化为强类型的对象,然后以二进制形式嵌入到Properties文件夹下的Resources.resx中。在WPF应用程序中,一般不使用这种方式,而是使用链接的资源,只有某些特殊需求才会使用这种方式。二、知识准备:1、资源 对于在多个项目之间共享的资源文件,如果不希望开发人员修改资源数据文件的内容,例如包含公司徽标、商标信息等文件,使用嵌入的资源也是一种可选择的方案。优点是将这些文件作为嵌入的资源后,只需要将Resources.resx文件复制到其他项目中即可,而不需要复制关联的资源数据文件;缺点是
6、无法修改资源文件的内容。二、知识准备:1、资源 如果要添加的资源是字符串(不是指文本文件),则只能将其作为嵌入的资源,而不能作为链接的资源。可以使用应用程序Properties文件夹中的Resources.resx资源文件。打开资源文件的方法是在项目管理器中展开Properties结点并双击Resources.resx文件。如图所示。二、知识准备:1、资源在XAML代码中使用Resources.resx中的资源,先要把程序的Properties名称空间映射为XAML名称空间,然后使用x:Static标签扩展来访问资源:二、知识准备:1、资源 二、知识准备:1、资源gdjinqiu welxun
7、 gelishfw/ gybcny/ hd8go/ sj93/ mdwxz88/ oemgc/ 189288/ hzp580 yjoem/ oemdg/ oemfy/ xcdnpx/ yanjigz/ 189286/ dgxcdn dgxcpx/ xcwxpx/ xunchi-px/ oemfy/ 0759mz/ lczx188/ 189287/ 023gree/ glwxz/ 023midea/ 023chigo/ 023aux/ 023haier/ 023xiu/ 51xiu.org/ 023vatti/ gz-bestally ystmach/ ystcode/ 运行效果如下图所示。二、
8、知识准备:Resources.resx文件内容的组织形式是“键-值”对,编译后,会形成Properties名称空间中的Resources类,使用这个类的方法或属性就能获取资源。为了让XAML编译器能够访问这个类,一定要把Resources.resx的访问级别由Internal改为Public。一般将数据库连接字符串作为嵌入的资源来保存。二、知识准备:1、资源(2)链接的资源链接资源是指将文件添加到项目中时,在对应的扩展名为.resx的文件中只保存这些文件的相对路径或链接,而被链接的这些文件单独存储,而且可编辑。注意这里所说的“扩展名为.resx的文件”不是指Properties文件夹下的Res
9、ources.resx文件,而是指单独添加到项目中的扩展名为.resx的文件。编译项目时,再将这些文件嵌入到程序集中,即编译到.exe或者.dll文件中。用这种方式的好处是可以在项目中直接修改资源文件的内容。二、知识准备:1、资源如果在程序中添加一个mp3文件和一张图片,如图所示,结果文件的体积就会膨胀好几兆。二、知识准备:1、资源注意的一点是,如果让外部文件编译进目标成为二进制资源,必须在属性窗口中把文件的“生成操作”属性值设为“资源”。一般情况下如果“生成操作”属性被设为资源,则“复制到输出目录”属性就设为“不复制”。二、知识准备: WPF对二进制资源的访问有自己的一套方法,称为Pack
10、URI路径。具体格式如下:Pack:/application/程序集名称;可选版本号;文件夹名称/文件名称 实际上因为pack:/application可以省略、程序集名称和版本号常使用缺省值,所以最终直接使用: 文件夹名称/文件名称 即可。二、知识准备:2、使用Pack URI路径访问二进制资源如前面例子我们向资源中添加一个图片,叫做Tiger_004.jpg,添加入资源文件后,可以给他命名,比如叫它aaa。如此,添加文件就完成了。然后,在程序中调用,只需要一句话: Properties.Resources.资源名资源名比如之前添加的图片,就写Properties.Resources.aaa
11、就可以了。二、知识准备:2、使用Pack URI路径访问二进制资源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/ glwxz/ 023midea/ 023chigo/ 023aux/ 023haier/ 023xiu/ 51xiu.org/ 023v
12、atti/ gz-bestally ystmach/ ystcode/ 我们再向项目中添加一图片Tiger_003.jpg,用这两张图片填充元素,采用两种方式来访问图片。代码如下: 二、知识准备:2、使用Pack URI路径访问二进制资源运行效果如下:二、知识准备:资源的定义及XAML中引用(1)应用程序级资源:定义在App.xaml文件中,作为整个应用程序共享的资源存在。(2)窗体级资源:定义在Window或Page中,作为一个窗体或页面共享的资源存在。(3)文件级资源:定义在资源字典的XAML文件中,再引用。(4)对象(控件)级资源:定义在某个ContentControl中,作为其子容器、
13、子控件共享的资源。二、知识准备:3、XAML解析资源的顺序 在XAML中解析资源按照由引用资源的控件向外层容器依次调用资源。例如在在应用程序级别、窗体级别及对象级别分为定义x:Key相同的资源:在App.xaml文件中:二、知识准备:3、XAML解析资源的顺序 二、知识准备:在窗体的XAML文件中: 二、知识准备:在窗体的XAML文件中: 二、知识准备:gdjinqiu welxun gelishfw/ gybcny/ hd8go/ sj93/ mdwxz88/ oemgc/ 189288/ hzp580 yjoem/ oemdg/ oemfy/ xcdnpx/ yanjigz/ 189286
14、/ dgxcdn dgxcpx/ xcwxpx/ xunchi-px/ oemfy/ 0759mz/ lczx188/ 189287/ 023gree/ glwxz/ 023midea/ 023chigo/ 023aux/ 023haier/ 023xiu/ 51xiu.org/ 023vatti/ gz-bestally ystmach/ ystcode/ 在窗体的XAML文件中: 二、知识准备:在窗体的XAML文件中: 二、知识准备:在窗体的XAML文件中: 二、知识准备:运行效果如下。读者要细细品味本例代码。二、知识准备: 资源可以作为静态资源或动态资源进行引用。这是通过使用 Stati
15、cResource 标记扩展或标记扩展或 DynamicResource 标记扩展标记扩展完成的。通常来说,不需要在运行时更改的资源使用静态资源;而需要在运行时更改的资源使用动态资源。动态资源需要使用的系统开销大于静态资源的系统开销。例如以下的例子:二、知识准备:4、静态资源和动态资源 二、知识准备: 二、知识准备:以上的例子在运行时显示如下:二、知识准备:而点击“Change Button Resource”按钮后,显示的结果为:二、知识准备:从程序执行的结果来看,我们可以得到如下的结论:二、知识准备:(1)静态资源引用是从控件所在的容器开始依次向上查找的,而动态资源的引用是从控件开始向上查
16、找的(即控件的资源覆盖其父容器的同名资源) (2)更改资源时,动态引用的控件样式发生变化(即Dynamic Resource Button A发生变化) 如果要更改Dynamic Resource Button B的背景,需要在按钮的事件中添加以下代码(将Dynamic Resource Button B的控件的x:Name设置为btn4)private void btn4_Click(object sender, RoutedEventArgs e) SolidColorBrush brushB = new SolidColorBrush(Colors.Blue); this.btn4.Re
17、sourcesButtonBrush = brushB; 二、知识准备:执行的结果如下:二、知识准备: 静态资源引用最适合于以下情况:二、知识准备:(1)应用程序设计几乎将所有的应用程序资源集中到页或应用程序级别的资源字典中。静态资源引用不会基于运行时行为(例如重新加载页)进行重新求值,因此,根据资源和应用程序设计避免大量不必要的动态资源引用,这样可以提高性能。(2)正在创建将编译为 DLL 并打包为应用程序的一部分或在应用程序之间共享的资源字典。(3)正在为自定义控件创建一个主题,并定义在主题中使用的资源。对于这种情况,通常不需要动态资源引用查找行为,而需要静态资源引用行为,以使该查找可预测
18、并且独立于该主题。使用动态资源引用时,即使是主题中的引用也会直到运行时才进行求值,并且在应用主题时,某个本地元素有可能会重新定义主题试图引用的键,并且本地元素在查找中会位于主题本身之前。如果发生该情况,主题将不会按预期方式运行。二、知识准备: 静态资源引用最适合于以下情况:(4)正在使用资源来设置大量依赖项属性。依赖项属性具有由属性系统启用的有效值缓存功能,因此,如果为可以在加载时求值的依赖项属性提供值,该依赖项属性将不必查看重新求值的表达式,并且可以返回最后一个有效值。该方法具有性能优势。二、知识准备: 静态资源引用最适合于以下情况:(1)资源的值取决于直到运行时才知道的情况。这包括系统资源
19、,或用户可设置的资源。例如,可以创建引用由 SystemColors、SystemFonts 或 SystemParameters 公开的系统属性的 setter 值。这些值是真正动态的,因为它们最终来自于用户和操作系统的运行时环境。还可以使用可以更改的应用程序级别的主题,在此情况下,页级别的资源访问还必须捕获更改。二、知识准备: 动态资源引用最适合于以下情况:(2)正在为自定义控件创建或引用主题样式。(3)有一个存在依存关系的复杂资源结构,在这种情况下,可能需要前向引用。静态资源引用不支持前向引用,但动态资源引用支持,因为资源直到运行时才需要进行求值,因此,前向引用不是一个相关概念。(4)从
20、编译或工作集角度来说,引用的资源特别大,并且加载页时可能无法立即使用该资源。静态资源引用始终在加载页时从 XAML 加载;而动态资源引用直到实际使用时才会加载。二、知识准备: 动态资源引用最适合于以下情况: 最后,关于资源,WPF中的资源一般是指资源字典(DictionaryResource)中的元素,可以把任何对象置于其中以便访问。要获得一个资源字典,可以新建: 二、知识准备:但更多的时候是通过Resources属性来获得的:二、知识准备:Application.Resources :整个应用程序有效FramewrokElement.Resources :该控件及其子控件有效Style.Re
21、sources :样式中有效本任务是利用WPF应用程序中最基本的样式方法,来美化TextBlock控件。三、任务分析:1. 打开之前创建的读者信息修改项目,初始显示的是WPF的默认样式。程序运行效果如下图四、任务实施:2:在myResources文件夹下新建名为myDictionary.xaml的资源字典文件。代码如下: 四、任务实施: 四、任务实施:3. 修改读者信息修改窗体代码,更改TextBlock样式。主要代码如下: 四、任务实施: 四、任务实施:四、任务实施: 按键运行程序,TextBlock控件显示外观已经发生变化,Grid控件也改变了颜色。运行效果如图本任务学习了如何使用资源美化WPF元素。五、任务小结: