6.4 WPF资源、样式和模板.ppt_第1页
6.4 WPF资源、样式和模板.ppt_第2页
6.4 WPF资源、样式和模板.ppt_第3页
6.4 WPF资源、样式和模板.ppt_第4页
6.4 WPF资源、样式和模板.ppt_第5页
已阅读5页,还剩25页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、,项目六 WPF资源、样式和模板项目美化,讲师 刘振东,本章导读:,本章的主要内容是利用资源、样式和模板的相关知识,美化图书管理系统。通过项目“系统中各控件美化”为导向,四个任务(美化TextBlock控件、美化TextBox控件、美化Button控件和自定义控件模板)为驱动,学习有关WPF资源、样式和模板的知识,本项目着力使学习者对WPF的资源、样式有一定认识,初步掌握自定义控件模板的用法。,项目六 WPF资源、样式和模板项目美化任务四 美化DataGrid控件,自定义控件的外观,还可以采用数据模板化方式。数据模板化用到了数据绑定的相关知识。读者管理界面使用的DataGrid是默认WPF元素

2、样式,我们可以利用DataTemplate来实现对其美化。读者管理界面出现是变旋转边放大,有动态特效。,一、任务描述:,二、知识准备:, http:/www.xunchi- / http:/www.gz- ,DataGrid控件是一个功能非常多的控件,除了可以利用该控件显示、编辑数据之外,还可以利用它进行灵活的样式控制。 默认情况下,当我们为DataGrid 控件设置ItemSource 属性后,DataGrid 会根据数据类型自动生成相应的列,下表列出DataGrid 支持的四种列及其数据类型。,二、知识准备:,1、自定义DataGrid外观,1、自定义

3、DataGrid外观,二、知识准备:,除此之外,我们可以用DataGridTemplateColumn自定义其他数据类型。自定义类型时,一般在资源字典中定义模板,在App.xaml中合并资源字典。下面的代码演示了如何分别定义显示模板和编辑模板。,1、自定义DataGrid外观,二、知识准备:, ,1、自定义DataGrid外观,二、知识准备:, http:/www.xunchi- / http:/www.gz- ,下面的代码演示了如何在DataGrid中引用定义的模板。, ,1、自定义DataGrid外观,二、知识准备:,DataGrid的AutoGene

4、rateColumns属性控制是否自动生成列,该属性默认的值为True。用XAML描述绑定的列时,需要将该属性设置为False。,1、自定义DataGrid外观,二、知识准备:,用XAML实现数据绑定以及显示和编辑各种类型数据的基本方法。,三、任务分析:, http:/www.xunchi- / http:/www.gz- ,1. 打开之前创建的读者管理项目,运行此应用程序,点击“显示全部”显示所有读者信息。此时DataGrid显示默认WPF外观。 2. 在项目下添加一个Dictionarys文件夹,然后在该文件夹下添加一个文件名为Dictionary1.

5、xaml的资源文件,代码如下:,四、任务实施:, ,四、任务实施:, ,四、任务实施:, ,四、任务实施:, ,四、任务实施:,在这个资源字典中,创建了一个x:Key=”Animate1”的动画,其效果是边放大边旋转。 3. 修改App.xaml,添加下面的代码,以便在整个应用程序都可以引用资源字典中定义的动画。,四、任务实施:, ,四、任务实施:,在应用程序中,凡是用Style=”StaticResource Animate1”音乐该动画的控件,都会在初次加载时自动边旋转边放大,直到放大到该控件的大小为止。 4. 添加一个名为myResource的文件夹,然后在该文件夹下添加一个名为MyDa

6、taGridTemplate.xaml的资源字典,将代码改为下面的内容。,四、任务实施:, ,四、任务实施:, ,四、任务实施:,5. 修改App.xaml,添加合并资源字典的代码。, ,四、任务实施:,6. DataGrid模板设置完成后,就要在中加入DataGridTemplateColumn 列显示读者的办证日期。主要代码如下。,四、任务实施:, ,6. DataGrid模板设置完成后,就要在中加入DataGridTemplateColumn 列显示读者的办证日期。主要代码如下。,四、任务实施:, ,7. 修改后台cs文件,主要代码如下:,using( var db = new Book

7、DbEntities() var q = from t in db.tb_reader select t; dataGrid1.ItemsSource = q.ToList(); ,四、任务实施:, http:/www.xunchi- / http:/www.gz- ,按键调试运行,窗体是边旋转边放大出现。如图所示。,四、任务实施:,在办证日期列下双击某单元格,运行如下图所示。,四、任务实施:,将办证日期修改为2014/3/10后,信息自动更改,运行如下图所示。,四、任务实施:,本项目分为4个任务,介绍了WPF中的资源、样式、模板、触发器等相关知识。任务一介绍

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论