与编写 XAML 和代码相比的可视化设计

对于负责设计工作的人员而言,编辑 XAML 标记或代码可以称为一项复杂的任务。Microsoft Expression Blend 是为从事创作性工作的人员而设计的。您可以在 Expression Blend 的“设计”视图中创建基于 Windows Presentation Foundation (WPF) 或基于 Microsoft Silverlight 的整个应用程序。您还可以导入从 Microsoft Expression Design 导出的美术资产和 XAML,并导入由 Microsoft Expression Encoder 生成的 Silverlight 编码模板。

Expression Blend 的设计也可满足团队开发的需要。通常,软件团队由处理用户界面 (UI) 的设计人员和处理在 UI 背后运行的代码的编程人员组成。因此,Expression Blend 不仅包含可用于生成无需开发人员处理的最基本代码,而且还包含能够让用户与事件处理程序或自定义控件(可像现有控件一样使用)等现有代码挂钩的功能。

在 Expression Blend 中可以执行哪些有关项目的任务?

  • 创建解决方案,此解决方案包括基于 WPF 的应用程序 (.exe) 的项目、基于 Silverlight 的应用程序 (.exe) 的项目以及基于 Silverlight 的应用程序的项目,并随附网站或控件库 (.dll)。

  • 添加新的可扩展应用程序标记语言 (XAML) 文件(及相应的代码隐藏文件),以在应用程序中创建顶级窗口、用户控件、可导航页面或创建能够包含可重用样式、控件模板、画笔资源等的资源字典。

  • 向项目中添加现有文件或链接到现有文件,如图像、XML、视频、音频、许可证、XAML 或代码文件。

  • 添加对 .dll 文件中所含的现有自定义控件的引用。自定义控件也可包含在现有的源代码文件(.vb 或 .cs)中。当您将自定义控件添加到 Expression Blend 项目之后,就可以像使用 Expression Blend 附带的控件一样使用自定义控件。

    有关 .cs 文件中包含的自定义控件的示例,请参阅动手试验:创建具有自定义属性的自定义控件

    Cc294780.alert_tip(ZH-CN,Expression.30).gif提示:

    向 Expression Blend 项目中添加包含自定义控件的源代码文件之后,必须先生成项目,然后才能在“资产”面板的“控件”类别中看到这些控件。

  • 向解决方案中添加新项目。您可以在 Expression Blend WPF 项目中添加现有项目或链接到现有项目。

  • 打开项目中的任何文件。XAML 文件会在美工板上打开以供编辑,图像文件可以插入到活动文档中,而声音和视频文件则会在动画时间线中打开。代码隐藏文件会通过文本编辑器在美工板上打开。任何文件都可以在映射到相应的文件类型的外部编辑器中打开。例如,如果在 Expression Blend 的“项目”面板中双击某个 .xml 文件,则该文件很可能会在“记事本”中打开。代码文件将在 Expression Blend 文本编辑器中打开,但是如果安装了 Microsoft Visual Studio 2008,您也可以选择在其中将文件打开。

    有关详细信息,请参阅修改代码隐藏文件

  • 打开 WPF 或 Silverlight 应用程序的 Visual Studio 2008 项目或解决方案并创建 UI。

  • 通过生成(按 Ctrl+Shift+B)或运行(按 F5)应用程序,对其进行调试,并根据“结果”面板中可能出现的任何错误消息采用解决措施。

  • 添加自定义类的代码文件,这些自定义类可在应用程序中进行实例化。

    有关示例,请参阅动手试验:创建具有自定义属性的自定义控件

  • 编辑代码文件。在 Expression Blend 的“项目”面板中双击某个代码文件时,该文件将通过包括“查找和替换”功能以及 IntelliSense 功能的文本编辑器在美工板上打开。

    有关详细信息,请参阅修改代码隐藏文件

在 Expression Blend 中可以创建哪些内容而无需使用代码?

  • 通过从“工具箱”添加和转换元素,然后利用“属性”面板中的画笔和其他属性来设置这些元素的样式,设计应用程序的外观 (UI)。

    有关详细信息,请参阅下列主题:

  • 在应用程序中动态显示元素。

    有关详细信息,请参阅动态显示对象

  • 将视频或音频文件添加到美工板上之后,在项目中修改其时间线。

    有关详细信息,请参阅插入图像和作品插入音频和视频

  • 利用用户操作(如单击按钮或将指针移到某个元素上)来触发动画时间线、音频文件和视频文件。

    有关详细信息,请参阅编写将对事件做出响应的代码

  • 通过使用“资产”面板中提供的行为,可以将交互性添加到应用程序。行为是一些一般的封装代码段,可以将这些代码段拖到任何对象上,然后通过更改其属性来进行微调。

    有关详细信息,请参阅向对象中添加行为

  • 创建和设计自定义用户控件。用户控件是可以在 Expression Blend 中创建的一种项目类型。用户控件和 Visual Studio 2008 中开发的自定义控件的使用方式相同。

    有关示例,请参阅创建空的用户控件从现有对象创建用户控件

  • 自定义现有控件的外观,然后将生成的样式模板应用于同一类型的其他控件。您还可以向控件模板中添加动画。

    有关示例,请参阅WPF 简单样式的样式提示常用 Silverlight 控件的样式提示中列出的主题。

  • 通过单击“属性”面板中的某个属性的名称,然后单击“转换为新资源”,创建诸如画笔资源之类的其他可重用资源。

    有关示例,请参阅创建画笔或颜色资源

  • 通过使用“工具”菜单上的选项,将元素转换成按钮和画笔资源,或者将图像转换成三维对象。

    有关示例,请参阅从现有对象创建控件将二维图像转换为三维

  • 将某个元素的属性绑定到另一个属性中所包含的值。这在很多情况下都非常有用,例如使元素的宽度与滑块条相对应。

    有关示例,请参阅将对象绑定到用户输入或其他内部值

  • 将元素的属性绑定到数据源,例如 XML 文件(仅适用于 WPF)或公共语言运行时 (CLR) 对象,或绑定到可以使用“数据”面板中的工具生成的示例数据。

    有关详细信息,请参阅显示数据

哪些任务只能以代码的方式来执行?

哪些任务只能在 Visual Studio 2008 中执行?

  • 在运行应用程序时,通过逐行执行代码来调试应用程序。

    Cc294780.alert_tip(ZH-CN,Expression.30).gif提示:

    您可以在同一台计算机上的 Expression Blend 和 Visual Studio 2008 中同时打开同一项目文件。如果您保存了对其中一个系统内的某个文件所做的更改,那么当您切换到另一个系统时便会收到通知,询问是否要重新加载该文件。

    有关详细信息,请参阅在 Visual Studio 2008 中调试 Expression Blend 应用程序

Expression Blend 如何帮助您添加代码?

  • Expression Blend 可根据情况针对使用“添加新项”向导创建的任何 XAML 文件来创建相应的代码隐藏文件。在 Expression Blend 的“项目”面板中双击某个代码文件时,该文件将通过包括“查找和替换”功能以及 IntelliSense 功能的文本编辑器在美工板上打开。

    有关详细信息,请参阅修改代码隐藏文件

  • 当您在“属性”面板的“事件”视图 Cc294780.6c67bb3b-e8a2-4a63-bad5-54d5c15b04dd(ZH-CN,Expression.30).png 中双击某个事件时,Expression Blend 可为空的事件处理程序方法生成代码。

    有关详细信息,请参阅编写将对事件做出响应的代码

    Cc294780.alert_tip(ZH-CN,Expression.30).gif提示:

    如果有多个人同时处理同一项目,我们建议您使用版本控制系统,如 Microsoft Team Foundation。版本控制系统可以维护项目文件的中心库,您可以签出项目文件并在本地计算机上进行编辑。有关详细信息,请参阅使用 Team Foundation 源控件

可以从何处获得有关编写代码的帮助?

如果需要获得有关编写 Expression Blend 应用程序代码的帮助,可以使用学习和社区资源中列出的某个资源。其中包括指向讨论论坛、教程和其他资源的链接。