4.1 用Expression Blend设计器建立应用程序

作者: 王少葵出处:电子工业出版社　2008-03-20 14:31　砖好评论条　进入论坛

阅读提示：《深入解析WPF编程》详细讲解了如何基于.NET 3.0架构来开发WPF应用程序，并帮助读者快速掌握和精通WPF编程思想和技巧。本章介绍了用Expression Blend设计器建立应用程序。

第四章第一个WPF程序

在本书的前两章，你看到了下一代Windows开发的整体结构，WPF的核心关注于用户界面的开发。本章中，会引导你亲自动手建立你的第一个WPF程序，而且，这还是一个使用本地扩展标记语言(XML)作为数据源的富客户端程序，它将检验如何在WPF中使用Microsoft Expression Blend表现炫目的用户界面。在下一章中，我们将使用Visual Studio .NET建立一个应用程序，并创建一个面向SQL Server数据库的Windows Communication Foundation（WCF）服务，为前台的WPF程序提供数据。

我们将特地使用Expression Blend来建立应用程序，这个工具以前称为Sparkle，而后又称为Expression Interactive Designer，是一款用来设计专业特性和用户体验的XAML设计器，也是Microsoft Expression套件中核心的开发工具。它能够让开发者工作在一个熟悉的环境下（替代Visual Studio 2005），并且让他们按自己熟悉的方式编码、调试和配置环境，项目文件的格式和结构与VS使用的相同，使用XAML定义用户界面，可以编写C#或VB代码。因此，Blend让设计者和开发者比过去任何时候都更加密切地合作。可以在http://www.microsoft.com/expression得到更多有关Blend的信息。

因为可以使用它编程开发出更生动的应用程序，这对于开发者来说是一个好消息。这也是为什么在本章特地使用Blend的原因。在下一章中，我们将尝试为应用程序添加数据，而这些数据来源于WCF，我们将再次回到Visual Studio，使用Cider编辑器开发XAML。

有关在应用程序中如何使用来源于SQL Server 2005 AdventureWorks示例数据库的数据稍后再做讨论，先介绍点简单的，由一个简单的XML文件来提供数据（该文件保存了类似于AdventureWorks示例数据库中的部分数据），XML文件格式比较简单，如代码4-1所示。

代码4-1 XML格式的示例数据

<?xml version="1.0" encoding="gb2312"?>
<Catalog>
<Products>
<Product>
<PCode>Car_O74_901</PCode>
<Name>Benz S600</Name>
<Image>C:\Users\shaokui.wang\Pictures\Cars\img01.jpg</Image>
<Description>5.5L V12 Double Turbocompressor Water Cooler Auto 5 
Speed</Description>
<Rating>*****</Rating>
<Price>2215000</Price>
</Product>
<Product>
<PCode>Car_O74_902</PCode>
<Name>BMW 760</Name>
<Image>C:\Users\shaokui.wang\Pictures\Cars\img02.jpg</Image>
<Description>B</Description>
<Rating>****</Rating>
<Price>1900000</Price>
</Product>
<Product>
<PCode>Car_O74_903</PCode>
<Name>BMW X5</Name>
<Image>C:\Users\shaokui.wang\Pictures\Cars\img03.jpg</Image>
<Description>C</Description>
<Rating>****</Rating>
<Price>1130000</Price>
</Product>
<Product>
<PCode>Car_O74_904</PCode>
<Name>BMW Z4</Name>
<Image>C:\Users\shaokui.wang\Pictures\Cars\img04.jpg</Image>
<Description>D</Description>
<Rating>***</Rating>
<Price>600000</Price>
</Product>
<Product>
<PCode>Car_O74_905</PCode>
<Name>Land Rover Discovery 3</Name>
<Image>C:\Users\shaokui.wang\Pictures\Cars\img05.jpg</Image>
<Description>E</Description>
<Rating>****</Rating>
<Price>852000</Price>
</Product>
<Product>
<PCode>Car_O74_906</PCode>
<Name>Benz SLK200 Kompressor</Name>
<Image>C:\Users\shaokui.wang\Pictures\Cars\img06.jpg</Image>
<Description>F</Description>
<Rating>***</Rating>
<Price>680000</Price>
</Product>
<Product>
<PCode>Car_O74_907</PCode>
<Name>PORSCHE 911 Turbo</Name>
<Image>C:\Users\shaokui.wang\Pictures\Cars\img07.jpg</Image>
<Description>G
G
</Description>
<Rating>*****</Rating>
<Price>2200000</Price>
</Product>
<Product>
<PCode>Car_O74_908</PCode>
<Name>Volvo S80 V8 4.4</Name>
<Image>C:\Users\shaokui.wang\Pictures\Cars\img08.jpg</Image>
<Description>H</Description>
<Rating>****</Rating>
<Price>895000</Price>
</Product>
<Product>
<PCode>Car_O74_909</PCode>
<Name>Audi A8 4.2FSI</Name>
<Image>C:\Users\shaokui.wang\Pictures\Cars\img09.jpg</Image>
<Description>I</Description>
<Rating>*****</Rating>
<Price>1424000</Price>
</Product>
</Products>
</Catalog>

我们看到，该XML数据文件格式很简单，<Products>节点中包括了所有的<Product>，每一个<Product>子节点对应于一件特定产品，包括产品代码、名称、价格、图像路径（为了方便，路径指定为C:\Users\shaokui.wang\Pictures\Cars，读者做测试时可以修改为自己图像所在的路径）。

Expression Blend允许绑定对象数据源或简单的XML文件。这里我们先用XML文件建立应用程序。

首先我们将创建一个很基本的应用程序，使用XAML控件绑定产品列表。当列表中的产品被选中时，产品的详细内容和产品的图片将被加载到页面的其他控件中。程序的运行结果如图4-1所示。

图4-1 AdventureWorks浏览器应用程序的基本版本

建立成功后，使用Expression Blend和XAML对应用程序进行修饰，使界面变得漂亮些。

好了，让我们开始吧，现在来建立这个基本的应用程序。

回书目

关于 .NET WPF编程 Expression Blend 的

文章

博文

帖子

· 深入解析WPF编程前言(03/20)

· 深入解析WPF编程目录(03/20)

· HOW TO：使用 Visual C# .NET 打印 RichTextBo..

· 使用.NET组件编写邮箱搜集工具

· ASP.NET中基本的图像操作

· [Lucene.Net] 基本用法

· www.wellya.net 经典通信技术资料下载站点

· 出售一套集oa crm erp等功能的一套b/s系统，带..

· 如何使用 SQL Server、IIS 和 ASP.NET 在运用..

· 邮局-实时通讯-视频会议-办公自动化-信息门户-..

· 下载与派企业邮局 for Exchange 源码www.yupai..

专题

我也说两句

叫好

拍砖

中国最大的网络技术网站 ·
技术成就梦想

·假期读书充电

· 系统分析师基础知识自..
· 构建可扩展的Web站点的..
· 2008年全国计算机等级..
· 网络数据安全与保密自..
· 博客园开发者征途：.NE..
· ASP.NET 2.0 WEB开发入..

· Visual C++数字图像处..
· 07年Jolt世界图书大奖..
· 软件测试基础知识自测..
· 08年2月各大网上书店及..
· 2007年IT技术人员最喜..
· ADSL知识自测获奖名单..

排行榜

·假期读书充电 (查看5185次)
·1.2 网络定义 (查看1014次)
·历次技术自测获奖网友详细信息 (查看746次)
·《网管员必读—网络应用》自测.. (查看730次)
·免费讲座：搜索引擎营销打造成.. (查看715次)

·SQL Server入门到精通技术自测试题答案 (4个砖)
·免费讲座：搜索引擎营销打造成功网站 (3个砖)
·网管员全真面试题自测获奖结果及答案解析 (3个砖)
·超级网管员——网络应用技术自测试题答案 (3个砖)
·历次技术自测获奖网友详细信息 (3个砖)

·假期读书充电 (8个好)
·Visual C++数字图像处理开发入门与编程实践 (3个好)
·1.2 网络定义 (2个好)
·网管员全真面试题自测获奖结果及答案解析 (2个好)
·路由器配置自测获奖结果及答案解析 (2个好)

·JAVASCRIPT语言精髓与编程实践 (03月)
·Ajax构建工具箱指南 (03月)
·持续集成：软件质量改进和风险降低之道 (03月)
·.NET Web高级开发 (03月)
·Windows安全指南 (03月)

·遇到这样的程序员,你怎么办?
·iSCSI应用与发展

· 客户应该在意敏捷吗？
· 开发社区对SQL Server ..
· 七种服务器维护最佳技巧
· WCF开发指南之一构建服..
· 友善还是冲突？开发团..
· 八款主流桌面Linux实际..
· 最具影响力10大IT技术..
· 新并购协议未达成共识 ..

· 谷歌中国公司卷入偷税..
· 韩国前杀毒软件CEO涉嫌..
· Windows Server 2008 T..
· VS的Ruby in Steel提供..
· 详解大型数据库的设计..
· 隐私保护技术系列：
· 苹果发布Safari新版本 ..
· 英特尔阐述未来多核架..

订阅技术快讯

电子杂志下载

名称：SQL Server数据库管理精品黄皮书
简介：书中文章经过精挑细选，便于用户能根据自己的实际工作和学习，快速在本书寻找到相关资料。内容涵盖了SQL Server的安装与升级、语句查询、数据备份和恢复、自动化任务、数据同步、数据字典、安全和预防、性能和优化、集群等各方面应用信息，以及DBA管理人员在数据库管理工作中

名称：2007路由技术大全
简介：《2007路由技术大全》由51CTO.com网站特别策划制作，该书包括路由器技术、路由器产品、路由器配置、安全设置、路由器故障处理、路由器密码恢复，以及广大网友在实践使用中的心得经验和技巧文章，内容注重实用性，适用于初学者入门，也适合多年从业者提高，是一本实践和理论完

名称：网络安全精品应用黄皮书
简介：《2007精品网络安全黄皮书》包括了9个大类24个小类， 800余篇文章，内容包含了熊猫烧香病毒、DDOS攻击、ARP病等热点问题的介绍及解决方案。从病毒查杀、防范、系统、数据等各方面的安全设置到黑客技术的了解、防范，涉及到了安全应用的全部领域, 由浅至深内容全面。

专题

最多好

最多砖