expressionblend实例中文教程.pdfVIP

页码，1/2 Expression Blend实例中文教程 (1) - 开篇 随着计算机软件开发分工细节化，微软对已有的产品线进行了调整，在保持原有经典开发工 具Visual Studio基础上，又推出了一套新的设计开发工具系列，Expression Studio。 Expression Studio设计工具系列包含四项主要产品：  Expression Blend  Expression Blend （下称Blend），是一款用于设计桌面和Web应用用户界 面的可视化工具。用户可以通过拖拉控件方式创建用户交互界面；另外Blend中，包含一款软 件原型建模工具SketchFlow， 该工具允许用户快速开发出专业的项 目原型，创建设计原型 后，以丰富的界面效果展示给客户，该工具将在后文详细讲述。  Expression Design Expression Design （下称Design），是一款专业的图形图像设计编辑工 具，主要是为项 目美工设计人员准备，如果你对Photoshop，Fireworks或者Illustrator熟 悉，可以把Design看做同类产品，其中使用原理大部分都是相同的，而Design的优势是可以 和Blend完美无缝结合，创建图形后，可以直接转换成为XAML，供Blend调用，由于本系列教 程是讲述 Blend，这里就不再对Design过多描述，在后文用到时，我们将详细讲述。  Expression Encoder Expression Encoder （下称Encoder）是一款专业的视频编辑工具，开发人 员可以使用该工具编辑视频项 目，并发布到Web服务器，Silverlight项 目可以在应用中进行 高质量播放调用。 由于本系列教程是讲述 Blend，这里就不再对Encoder过多描述，在后文 用到时，我们将详细讲述。  Expression Web Expression Web （下称Web），是一款专业的Web页面设计工具。如果您对 Dreamweaver熟悉，可以把Web看做同类产品。Web允许开发人员通过即见即所得的模式，设计 和开发符合Web标准的网站。由于本系列教程是讲述 Blend，这里就不再对Web过多描述，在 后文用到时，我们将详细讲述。 file:///C:/Users/qwm /AppData/Local/W ebSaver/~extract/qwm /2086.htm 2012/11/7 页码，2/2 既然本系列文章讲述Blend，我想我们应该多了解一些Blend方面的知识。我们一直在说Blend 强大，具体它强大在哪里呢？ 首先作为交互性设计工具，Blend解决了传统开发中开发人员和设计人员配合不容易协 调的瓶颈。无论是桌面应用还是Web应用，越来越注重用户体验性，而程序代码设计和美工设 计也逐渐被细分化，而两者在项 目中的配合是至关重要的，相信有不少开发人员都有过相同 的经历和感触，程序开发人员和美工设计人员一遍又一遍的修改框架希望能够达到完美匹 配。Blend正是针对该问题推出了一系列的解决方案，例如，在Blend中编辑Silverlight或 WPF项 目UI代码的同时，也会直接绑定到Visual Studio中，实现双向修改代码功能； 在 Blend中，可以快速导入PhotoShop图形和Illustrator矢量图，方便项 目UI设计。 其次，Blend是一款通用的设计工具，支持设计跨平台跨浏览器的Silverlight和WPF应 用项 目，为了简化设计人员的工作量，Blend支持一个简单的可重复利用的元素叫做行为 （Behaviors），设计人员可以直接应用不同的行为到项 目中，无需编写任何代码，例如，可 以直接应用拖拉行为到项 目，让项 目支持拖拽控件。 在微软Expression官方网站，有大量的 行为 （Behaviors）代码下载，免费使用。 最后是快捷方便的设计方式，以及软件项 目原型设计工具SketchFlow。 在 Silverlight中, VisualStateM anager的编辑是很复杂的