第13章 WPF只能客户端

1、第13章 WPF智能客户端 Windows Presentation Foundation（WPF）是一种智能客户端技术，提供了统一的编程模型。同时，WPF应用还拥有令人震撼的视觉体验。WPF技术的出现，使得.NET平台应用步入了一个全新的时代，开发者比以往更加注重客户的操作，更加注重如何给使用者带来全新的使用体验。本章将介绍.NET平台中增加的新技术WPF客户端。13.1 认识WPF WPF的英文全称是Windows Presentation Foundation（窗体呈现基础），相比较以往的技术产品，这是一个更加重视客户操作体验的技术。本节将从介绍WPF技术开始，讲述WPF的架构体系和其特

2、性，逐步使读者了解WPF这一新技术。13.1.1 WPF概述 随着Winows Vista系统的发布，WPF作为全新的技术名词频繁出现。WPF可以说是下一代图形渲染技术，这种技术在新的操作系统（Winows Vista和Winows 7）中得到了充分的展现。13.1.2 WPF框架体系 WPF是.NET Framework框架的一部分，其核心的组件主要有三个：PresentationFramework、PresentationCore和milcore。其中PresentationFramework 和PresentationCore是图形呈现的基础，而milcore是媒体集成库. WPF框架体

3、系图13.1.3 WPF特性 WPF是一种新技术，相比较传统的Windows Form窗体应用，增加了很多令人兴奋的特性。WPF特性如下所示。 数据绑定 控件模板 依赖属性 触摸屏编程 缓动效果 除了以上这些特性外，还有很多其他的功能，如与Windows 7集成、Office Ribbon控件、缓存合成、像素着色器和全新的文本渲染等。13.2 手把手教你第一个WPF应用 使用Visual Studio 2010开发工具可以轻松的构建WPF客户端应用程序，本节将介绍如何使用开发工具创建一个WPF应用程序，同时还详细讲解了WPF应用类型项目中的文件结构。13.2.1 创建一个WPF客户端应用Vis

4、ual Studio 2010是一个集成的开发环境，既可以开发传统的Windows Form窗体应用，还可以创建WPF应用程序。（1）打开Visual Studio 2010，在菜单上单击“文件”|“新建”|“项目”，出现“添加新项目”对话框。 （2）选择项目类型“WPF应用程序”，在“名称”输入框中修改项目的名称，单击“确定”按钮。这样就完成了项目的创建。（3）项目创建完成后，系统会自动打开主程序的设计界面。从“工具箱”面板中选择Label文本控件，拖拽到主窗口中。（4）选中设计界面中的文本控件，在属性面板中修改其属性Content为“Hello World.” 。（5）通过快捷键“Ctrl

5、+F5”或者单击菜单中的“调试”|“开始执行（不调试）”命令，编译代码并执行程序。13.2.2 解析WPF应用程序的文件目录结构 在创建的项目“解决方案资源管理器”面板中，可以查看该项目的文件目录结构。 项目默认就引用了WPF最核心的两个类库：PresentationCore和PresentationFramework。 在项目启动时，首先执行的是App.xaml和App.xaml.cs两个文件，在App.xaml文件中，通过属性StartupUri执行主窗口文件，把主界面呈现出来。13.3 使用常见控件 在WPF中，也提供了一些传统的控件，方便构建企业级应用。这些控件与在Windows Fo

6、rm应用程序中使用方式类似，不过在WPF应用中，控件通常是写在XAML代码中的。本节将介绍几个常用的基本控件及其使用方法。13.3.1 按钮控件 按钮是与用户交互最直接有效的方式，按钮的使用方法和Windows Form应用程序基本相同。使用Visual Studio 2010开发工具可以直接从“工具箱”面板中创建一个按钮，从而不必编写代码。13.3.2 文本框控件 通过文本框，系统可以了解到用户需要的信息。在WPF中，文本框控件用TextBox来表示，使用属性Text就可以获取输入的内容。13.3.3 下拉列表框控件 WPF中的下拉列表框控件使用ComboBox类表示，通过属性面板可以添加数

7、据集。 本范例使用下拉列表框控件，创建一个类似于招聘系统中，填写简历选择地区的功能。13.3.4 图像控件 WPF应用中显示图像的最直接有效的方法就是使用图像Image控件。从“工具箱”面板中拖拽一个图像控件到设计界面中，通过属性面板中的Source选项，在选择图像对话框中，可以选择要显示的图像路径。13.3.5 控件模板控件模板是WPF中新的特性之一，在Winows Form中的控件中，外观样式和数据显示是混合在一起的，而WPF中，为了降低耦合性，使用模板把外观样式的设置和显示数据的代码分离。13.4 布局版式 Windows Form中的布局大多是绝对布局的方式，即根据坐标来定位控件的位置

8、。这种布局方式缺乏灵活性，控件的位置并不能随着窗口的变化而变化。在WPF中，新增了很多布局面板，提供了各种布局的方式。本节将通过布局容器的介绍，讲解WPF应用中的各种布局方式。13.4.1 使用StackPanel面板StackPanel面板是一种堆积的布局，把其中的UI元素按照横向或者纵向的方式堆积排列。（1）打开Visual Studio 2010开发工具，创建一个WPF应用程序。（2）在界面中，创建一个StackPanel 面板，设置属性Orientation 为纵向排列，其内部使用TextBlock控件填充内容（3）编译代码13.4.2 WrapPanel面板 WrapPanel面板与

9、StackPanel面板很相似，但是WrapPanel面板允许将元素放在多行中，当元素超出边界后，不会被剪切，而是会自动换行，直到填充完剩余的空间。13.4.3 DockPanel面板 DockPanel面板提供了一个布局区域，可以依据罗盘方向沿着屏幕的边缘排列UI元素。13.4.4 Grid方式布局 Grid是默认的布局方式，在新建了一个WPF项目后，主窗体的XAML代码中就自动创建了Grid元素。Grid是一种精确的网格布局方式，可以定义行数和列数，还可以指定元素跨越的列数或者行数，这种布局方式相当灵活，尤其是在处理比较复杂的布局。13.4.5 UniformGrid面板 UniformG

10、rid 控件为控件提供了一种简化的网格布局。当控件添加到 UniformGrid 时，它们会排列在一个网格模式中，该网格模式会自动调整以使控件之间的距离保持均匀。单元格的数目将进行调整，以适应控件的数目。例如，如果四个控件添加到 UniformGrid 中，它们将安排在包含四个单元格的网格中。13.5 创建窗口 通过用户操作窗口中呈现的可视化数据，可以更加直接地与系统交互。窗口的类型有很多种，包括导航内容窗口、消息框、对话框等。本节将主要介绍创建一个自定义的对话框和不规则的窗体。13.5.1 创建对话框 实际上，WPF应用中已经内置了多种类型的对话框，如打开文件对话框（OpenFileDial

11、og）、保存文件对话框（SaveFileDialog）和打印对话框（PrintDialog）等，这些对话框使用相对简单，只要参照相应的文档资料就可以轻易的创建成功。本节将要介绍的是如何创建一个自定义的对话框，而这种对话框在实际开发中使用才是最多的。13.5.2 创建不规则窗体在WPF中，创建一个不规则的窗体相当容易，只要设置三个属性的值就可以实现。这三个属性的详细说明如下。WindowStyle：WindowStyle表示窗口样式，值“None”表示设置成无边框的。Background：背景，值“Transparent”可以设置成背景色为空。AllowsTransparency：设置窗体允许透明，通过透明度Opacity或者Opacitymask 对进行透明度设置。小 结 本章主要介绍了有关WPF技术基本内容，其中包括了常用控件