Expression Blend.doc

Expression Studio简介 Expression Blend Expression Blend（下称Blend），是一款用于设计桌面和Web应用用户界面的可视化工具。用户可以通过拖拉控件方式创建用户交互界面；另外Blend中，包含一款软件原型建模工具SketchFlow， 该工具允许用户快速开发出专业的项目原型，创建设计原型后，以丰富的界面效果展示给客户，该工具将在后文详细讲述。 Expression Design Expression Design（下称Design），是一款专业的图形图像设计编辑工具，主要是为项目美工设计人员准备，如果你对Photoshop，Fireworks或者Illustrator熟悉，可以把Design看做同类产品，其中使用原理大部分都是相同的，而Design的优势是可以和Blend完美无缝结合，创建图形后，可以直接转换成为XAML，供Blend调用，Expression Encoder Expression Encoder（下称Encoder）是一款专业的视频编辑工具，开发人员可以使用该工具编辑视频项目，并发布到Web服务器，Silverlight项目可以在应用中进行高质量播放调用。Expression Web Expression Web（下称Web），是一款专业的Web页面设计工具。如果您对Dreamweaver熟悉，可以把Web看做同类产品。Web允许开发人员通过即见即所得的模式，设计和开发符合Web标准的网站。首先作为交互性设计工具，Blend解决了传统开发中开发人员和设计人员配合不容易协调的瓶颈。无论是桌面应用还是Web应用，越来越注重用户体验性，而程序代码设计和美工设计也逐渐被细分化，而两者在项目中的配合是至关重要的，相信有不少开发人员都有过相同的经历和感触，程序开发人员和美工设计人员一遍又一遍的修改框架希望能够达到完美匹配。Blend正是针对该问题推出了一系列的解决方案，例如，在Blend中编辑Silverlight或WPF项目UI代码的同时，也会直接绑定到Visual Studio中，实现双向修改代码功能； 在Blend中，可以快速导入PhotoShop图形和Illustrator矢量图，方便项目UI设计。其次，Blend是一款通用的设计工具，支持设计跨平台跨浏览器的Silverlight和WPF应用项目，为了简化设计人员的工作量，Blend支持一个简单的可重复利用的元素叫做行为（Behaviors），设计人员可以直接应用不同的行为到项目中，无需编写任何代码，例如，可以直接应用拖拉行为到项目，让项目支持拖拽控件。 在微软Expression官方网站，有大量的行为（Behaviors）代码下载，免费使用。最后是快捷方便的设计方式，以及软件项目原型设计工具SketchFlow。 在Silverlight中, VisualStateManager的编辑是很复杂的，如果仅靠Visual Studio进行代码编辑，是非常浪费时间和精力的事情，如果使用Blend进行编辑，会大大的提高效率。 另外，使用Blend进行控件的样式和模板设计也是非常方便的，我们将在后文详细描述。 值得一提的是SketchFlow，该项目是现在为数不多的优秀建模工具之一。使用该工具，开发人员可以快速的建立项目原型，以Silverlight的方式展示给客户或者项目团队成员，将在后文详细描述。Silverlight新项目： 首先使用Blend按照以下步骤创建一个新的Silverlight项目， 1. 点击左上角的“File - New Project”，这时会弹出一个新建项目窗口，如下图 在上图可以看到Blend支持创建两个类型的项目，一个是Silverlight，另一个是WPF，本系列主要讨论Silverlight，所以，我们选择“Project Type -Silverlight”，在选中Silverlight类型后，在弹出窗口右边会出现四个项目模板，（1） Silverlight 3 Application + Website 该选项是“创建Silverlight 3客户端应用其中包含Website项目”，选择该选项后，Blend会自动创建Web项目在同一个解决方案下，编译后运行，会在Web项目中产生测试页面，在客户端显示Silverlight客户端。 （2） Silverlight 3 Application 该选项是“创建Silverlight 3客户端应用”，选择该选项后，Blend仅创建Silverlight客户端，编译后，自动生成一个测试页面。 （3） Silverlight 3 Control Library 该选项是“创建Silverlight控件类库”，选择该选项后，Ble