(WPF应用开发项目教程)6.4WPF资源、样式和模板.ppt

在办证日期列下双击某单元格，运行如下图所示。 四、任务实施： 将办证日期修改为2014/3/10后，信息自动更改，运行如下图所示。 四、任务实施： 本项目分为4个任务，介绍了WPF中的资源、样式、模板、触发器等相关知识。任务一介绍了资源的基本知识；任务二介绍了样式；任务三介绍了触发器；任务四介绍了模板。读者在学完本项目内容后，应重点掌握以下知识： 资源、样式、模板 利用资源、样式、模板等相关知识修改控件外观，从而达到美化项目的目的。 项目总结： 项目六 WPF资源、样式和模板—项目美化 讲师 刘振东 本章导读： 本章的主要内容是利用资源、样式和模板的相关知识，美化图书管理系统。通过项目“系统中各控件美化”为导向，四个任务（美化TextBlock控件、美化TextBox控件、美化Button控件和自定义控件模板）为驱动，学习有关WPF资源、样式和模板的知识，本项目着力使学习者对WPF的资源、样式有一定认识，初步掌握自定义控件模板的用法。 项目六 WPF资源、样式和模板—项目美化——任务四 美化DataGrid控件 自定义控件的外观，还可以采用数据模板化方式。数据模板化用到了数据绑定的相关知识。读者管理界面使用的DataGrid是默认WPF元素样式，我们可以利用DataTemplate来实现对其美化。读者管理界面出现是变旋转边放大，有动态特效。 一、任务描述： 二、知识准备： 1 自定义DataGrid外观 DataGrid控件是一个功能非常多的控件，除了可以利用该控件显示、编辑数据之外，还可以利用它进行灵活的样式控制。 默认情况下，当我们为DataGrid 控件设置ItemSource 属性后，DataGrid 会根据数据类型自动生成相应的列，下表列出DataGrid 支持的四种列及其数据类型。 二、知识准备： 1、自定义DataGrid外观 1、自定义DataGrid外观 二、知识准备： 除此之外，我们可以用DataGridTemplateColumn自定义其他数据类型。自定义类型时，一般在资源字典中定义模板，在App.xaml中合并资源字典。下面的代码演示了如何分别定义显示模板和编辑模板。 1、自定义DataGrid外观 二、知识准备： DataTemplate x:Key=myTemplate Image Height=40 Source={Binding myPhoto}/ /DataTemplate DataTemplate x:Key=EditMyTemplate …… /DataTemplate 1、自定义DataGrid外观 二、知识准备： 下面的代码演示了如何在DataGrid中引用定义的模板。 DataGrid x:Name=dataGrid1 ItemsSource=Binding AutoGenerateColumns=False DataGrid.Columns DataGridTemplateColumn Header=照片 CellTemplate={StaticResource myTemplate} CellEditingTemplate=EditMyTemplate/ /DataGrid.Columns /DataGrid 1、自定义DataGrid外观 二、知识准备： DataGrid的AutoGenerateColumns属性控制是否自动生成列，该属性默认的值为True。用XAML描述绑定的列时，需要将该属性设置为False。 1、自定义DataGrid外观 二、知识准备： 用XAML实现数据绑定以及显示和编辑各种类型数据的基本方法。 三、任务分析： 1. 打开之前创建的读者管理项目，运行此应用程序，点击“显示全部”显示所有读者信息。此时DataGrid显示默认WPF外观。 2. 在项目下添加一个Dictionarys文件夹，然后在该文件夹下添加一个文件名为Dictionary1.xaml的资源文件，代码如下： 四、任务实施： ResourceDictionary …… Style x:Key=Animate1 Setter Property=Control.Margin Value=20 / Setter Property=Control.RenderTransformOrigin Value=0.5,0.5 / Setter Property=Control.Background Setter.Value SolidColorBrush x:Name=bac