新增功能
使用 Microsoft Expression Blend,您可以创建基于 Microsoft Silverlight 3 的网站和应用程序以及基于带有 Service Pack 1 (SP1) 的 Windows Presentation Foundation (WPF) 3.5 的桌面应用程序。
Expression Blend 为原型制作、通过行为的交互性、特殊 Silverlight 功能和示例数据即时生成提供了全新的支持。
设计人员可使用 Expression Blend 设计出既易于使用又极具乐趣的应用程序。
原型制作
SketchFlow 介绍
Expression Blend 利用 SketchFlow 推出了一系列新功能,旨在让您能够更轻松地尝试动态用户体验以及创建引人注目的原型。
SketchFlow 有助于您向利益干系人表达设计创意,并使得用注释收集反馈更加轻松。您可以在项目中将 Microsoft Office PowerPoint 文件导入到屏幕中。您也可以导出包含所有屏幕的屏幕截图的 Microsoft Office Word 文档。“资产”面板中的新类别用于组织 SketchFlow 的样式和其他资源。
设计人员可以使用 SketchFlow 以十分直观的方式确定应用程序的导航模式和构成模式。SketchFlow 原型虽如同一系列素描般简单,但却可演变为所需的模样,真实表达您的设计意图。SketchFlow 使用 Expression Blend 的现有功能。在制作项目原型时,也可以使用如 Photoshop 导入、视觉状态、行为以及示例数据等新 Expression Blend 功能。
有关详细信息,请参阅利用 SketchFlow 制作原型。
设计
导入 Photoshop 和 Illustrator 文件
您可以使用 Expression Blend 将 Adobe Photoshop (.psd) 文件和 Adobe Illustrator (.ai) 文件直接导入项目中,同时保留层、形状、文本元素和更多内容,以便在 Expression Blend 本身中进行编辑。
有关详细信息,请参阅导入 Photoshop 和 Illustrator 文件。
说明: |
---|
不支持 Adobe 实时效果、混合模式以及符号喷枪。导入 Adobe 文件时,Expression Blend 将显示消息,以让您了解是否有不支持的导入文件的功能,以及可采取的操作。 |
效果
Expression Blend 引入了 WPF 和 Silverlight 图形效果支持。打开“资产”面板,单击“效果”选项卡,然后将效果拖到对象上。可以在“属性”面板中修改效果属性。
有关详细信息,请参阅应用效果。
设计时注释
设计人员现在可以将可视气泡注释(与 Microsoft Visio 注释非常类似)添加到美工板上。这些注释以附加属性的形式存储在 XAML 文件中。他们可用于改善团队成员之间的沟通。注释不会在运行时显示。
有关详细信息,请参阅注释文档。
“资产”面板
“资产库”经过了重新设计并被制成可停靠面板,当您在美工板上工作时此面板可保持打开状态。资产也已进行了分类,以便于搜索和组织。
有关详细信息,请参阅“资产”面板。
样式控件
从作品中创建模板
您可以使用已修改的“构成控件”命令在美工板上选择作品并将其转换为控件外观(控件模板)。
有关详细信息,请参阅从现有对象创建用户控件。
如果您正在 Silverlight 项目中工作,则可以在模板中右键单击对象,然后单击“构成部件”,从而将控件中的对象分配给特定角色。例如,如果您将作品转换为 Slider 控件模板,则可以在模板中选择一个对象并将其分配给滑块的 HorizontalThumb 的角色。借助“部件”面板便可轻松地管理和创建控件模板所需的部件。
有关详细信息,请参阅设置 Silverlight 控件模板部件的样式和常用 Silverlight 控件的样式提示。
从作品中创建 TextBox 模板
如果使用“构成控件”命令并选择 TextBox 控件或派生自 ContentControl 控件的任何内容,则 Expression Blend 将从其(在转换的对象中)所找到的任何 TextBlock 对象中将排版属性复制到所生成的控件模板内的相应部件中。
状态
改进了 VSM 支持
为 Expression Blend 中的 Silverlight 视觉状态管理器 (VSM) 提供的支持已通过“状态”面板的已修订用户界面进行了改进。您可以看到更多的控件状态,无论这些状态最初是否在 XAML 文件中进行了定义,当某个属性已在多个状态组中改变时,“状态”面板会显示警告指示器。现在,在更多方案中支持状态。例如,您可以在 Windows Presentation Foundation (WPF) 项目的 MainWindow.xaml 文档中定义状态。
有关详细信息,请参阅定义控件的不同视觉状态。
状态固定
您可以在某个状态组中固定一种状态的预览,同时在不同状态组中修改另一种状态。
编辑状态过渡
您可以选择状态过渡的情节提要并在“对象和时间线”面板中对其进行修改。
在状态下绘制
如果您选择一种状态并绘制新元素,则在运行时只能在选定状态下看见新元素。这称为在状态下绘制。
布局平滑过渡
您可以创建渐变过渡以在定义布局属性变化的状态之间进行渐变过渡。在 Expression Blend 的早期版本中,如果在不同状态中更改对象的“Row”、“Column”、“ColumnSpan”或“RowSpan”等属性,那么,即使指定了过渡持续时间,这些更改也会在瞬间完成。您可以通过选择“启用 FluidLayout”,将对象从“网格”版式面板中的一个单元格平滑移至另一个单元格。
有关详细信息,请参阅在布局更改之间平稳过渡。
预览过渡
您可以在“状态”面板中单击“启用过渡预览” 以预览过渡。如果启用过渡预览,则每当将选择从一种状态更改为另一种状态时,当前定义的这两种状态之间的过渡会如同运行时一样在美工板上进行播放。
说明: |
---|
过渡预览不支持 FluidLayout。 |
交互性
行为
您可以利用行为向应用程序中添加交互性,而不必编写代码。行为是可以直接应用于美工板上的任何对象的可重用组件,它们由可扩展触发器、可扩展操作和行为组成。
虽然可以从“资产”面板中选择行为,但开发人员可以使用丰富的 API 来编写自己的触发器、操作和行为,以用于 Silverlight 和 WPF 项目。
您可以在“帮助”菜单上提供的 Expression Blend SDK 文档中找到有关编写自己的行为的详细信息。
有关详细信息,请参阅向对象中添加行为。
数据
使用示例数据
借助 Expression Blend 便可轻松地对与数据相关的应用程序进行原型制作、生成和测试操作,而无需访问实时数据。您可以使用“数据”面板生成示例数据或从 XML 文件导入示例数据。您可以生成平面集合或层次集合(以用于 TreeView 控件中),并可指定要为四种数据类型(“字符串”“数值”“布尔”和“图像”)生成的内容。
示例数据在设计时可供美工板上的控件使用。您可以详尽地自定义示例数据的详细信息,并且可以在运行时轻松地在使用示例数据和使用实时数据之间切换。
有关详细信息,请参阅创建示例数据。
数据绑定
Expression Blend 包括以下新的数据绑定功能:
能够将数据项从“数据”面板拖到“对象和时间线”面板中,以创建数据绑定。
能够在 Silverlight 项目中将某个对象的属性绑定到另一个对象的属性。
支持应用程序中的 DataGrid 控件。
使用“数据”面板中的列表视图和详细信息视图为主/细节方案提供支持。
改进了对绑定到数据上下文的支持。
能够定义示例数据的层次集合,使您能够制作与数据相关的应用程序的原型。
有关详细信息,请参阅在控件中显示数据。
供开发人员使用的示例数据
您可以使用自己的自定义业务对象来定义示例数据,并可在应用程序中使用该示例数据源。而不必将您的业务对象更改为对于 XAML 更友好的状态。例如,Expression Blend 可处理没有公共构造函数的对象以及没有资源库的属性。
Silverlight
Silverlight 3 支持
您可以在 Expression Blend 中创建和修改 Silverlight 3 应用程序。如果打开一个 Silverlight 2 项目,Expression Blend 将显示对话框,询问您是否要将项目文件从 Silverlight 2 项目文件更新为 Silverlight 3 项目文件。
有关 Silverlight 学习资源的列表,请参阅学习和社区资源。
网站支持
在 Expression Blend 中创建新 Silverlight 项目时,可以使用一种名为“Silverlight 应用程序 + 网站”的附加项目类型。使用此类项目创建 Silverlight 应用程序时,您会得到一个 Silverlight 应用程序以及一个具有默认 HTML 页面的相关网站,该网站将加载 Silverlight 应用程序。
允许 Silverlight 应用程序脱离浏览器运行
您可以使用“项目”菜单上的“Silverlight 项目选项”来配置 Silverlight 应用程序,使其脱离浏览器在自己的应用程序窗口中运行。有关详细信息,请参阅测试或运行项目。
缓存应用程序扩展库
您可以使用“项目”菜单上的“Silverlight 项目选项”来配置 Silverlight 应用程序,使其缓存扩展库。这样可以加快 Silverlight 应用程序的速度。
说明: |
---|
缓存扩展库对脱离浏览器的 Silverlight 应用程序不起作用。 |
源文件版本控制
TFS 支持
Expression Blend 3 为 Microsoft Visual Studio 2008 Team Foundation Server 提供了支持。如果您有权访问 Team Foundation Server,则可对解决方案和项目执行与常用源控件相关的任务,如签入、签出、合并以及更多任务。
有关详细信息,请参阅使用 Team Foundation 源控件。
动画
可动态显示更多属性
在 Silverlight 项目中,与以前相比,您现在可以记录更多属性的关键帧。当您单击“属性”面板中单个属性旁边的标记 时会出现“高级属性选项”菜单,该菜单上的新菜单命令“记录当前值”可帮助实现此功能。
更好地支持 Silverlight 中的缓动
通过选择一个关键帧,然后在“属性”面板中选择“EasingFunction”,可以将预定义的已命名缓动函数应用于单个关键帧。
有关详细信息,请参阅更改关键帧之间的动画内插方式。
动态变化为资源值
您可以动态变化到某些资源或从某些资源进行动态变化。例如,您可以将颜色属性从静态值动态变化为颜色资源。
文本
改进了字体与字体子集的嵌入
借助 Expression Blend,您可以在 Silverlight 和 WPF 项目中轻松嵌入和创建字体的子集。您可以使用全新的“字体管理器”来选择安装在计算机上的字体以及自定义要嵌入的字符子集。
工作流程
停靠和工作区配置
Expression Blend 为所有面板提供了全面的停靠支持,从而扩展了早期版本中的工作区配置功能。您可以根据个人喜好自定义 Expression Blend 用户界面并将此配置保存为预设。
有关详细信息,请参阅留出更多空间进行工作和保存工作区的不同视图。
渐变工具的改进
在 Expression Blend 3 中,渐变工具比其早期版本功能更加强大,使用更方便。您现在可以直接为应用了渐变的对象更改渐变偏移值。若要更改停止点位置,则只需拖动停止点。若要添加新的停止点,请按住 Alt 键,然后单击渐变修饰工具。您也可以将新的渐变修饰工具拖到美工板上,以快速重新定义渐变。在美工板上任何位置双击都将出现颜色选取器。您可以使用颜色选取器来更改停止点的颜色。
布局操作的改进
Expression Blend 3 对布局操作进行了一些改进。在美工板上通过直接操作来移动对象现在具有更高的一致性和可预测性,对齐修饰工具将针对更多容器进行显示,对对象进行重新定义父项或组合时布局属性和绑定均会保留,并且已不必再将布局属性编写到 XAML 代码隐藏文件。此外,您现在还可以使用属性检查器来更改对象的宽度和高度,即使这些属性设置为“Auto”也是如此。Expression Blend 将自动计算所需的相应页边距,以确保对象为指定大小。
路径选择的改进
Expression Blend 包含对选择模式所做的某些重要更改。这些更改使得在美工板上更改选择以及绘制新对象更为容易。这些更改包括扩展“选择”工具的功能,使其可如同“路径选择”工具功能一样,同时借助在绘制或移动对象时出现的可视指示器,对在美工板上的创建行为和定义父级行为也做了改进。
字幕选择点
使用“路径选择”工具时,您现在可以使用字幕选择路径上的各点。只需进行拖动便可定义包含要选择的点的区域。
自动滚动和缩放的改进
移动对象或重设对象大小时,Expression Blend 美工板会自动滚动。如果将指针移过美工板,则滚动将停止。默认情况下,旋转鼠标滚轮会缩放美工板。
有关详细信息,请参阅缩放或平移美工板。
键盘快捷方式和修改键
Expression Blend 为路径选择、字幕选择、内容复制、平移、缩放以及更多操作推出了新的键盘快捷方式和修改键,这使得常见任务变得更加轻松。
有关详细信息,请参阅键盘快捷方式和修改键。
改进了 TileBrush 支持
您现在可以为 Silverlight 应用程序创建平铺的图像画笔并对其进行编辑。此外,对于 Silverlight 和 WPF 应用程序,您可以直接从“属性”面板的“画笔”类别中设置“Source”属性,而不是重新创建画笔。
从“剪贴板”复制和粘贴图像
通过其他应用程序(如 Windows Internet Explorer、Adobe Photoshop 和 Microsoft Paint)放入“剪贴板”中的图像数据现在可直接粘贴到 Expression Blend中。Expression Blend 会根据执行粘贴操作的位置确定要添加的项目元素类型。例如,如果在“资源”面板中粘贴图像,则会将图像文件添加到项目并创建“ImageBrush”资源。
模板结构
如果控件包含应用于特定方案的模板(例如,当此控件必须显示数据集合时),这些模板现在会显示在“对象”菜单上的“编辑模板”项目的“编辑其他模板”类别中。这样更便于导航到模板,如 ListBox 控件的 ItemContainerStyle 模板。
默认值的序列化
Expression Blend 不会显式设置不需要的属性值。设置属性时(如将“HorizontalAlignment”设置为“Stretch”),即使不必要,Expression Blend 2 也会将值写入 XAML 文件,因为这是默认值。Expression Blend 不会将该值写出来,除非在特殊情况下(例如通过样式设置该值时)。
当您单击“属性”面板中属性旁边的标记 时会出现“高级属性选项”菜单,也可以使用该菜单上的“转换为本地值”命令将属性显式设置为默认值。
改进了 UserControl 控件的编辑体验
修改定义 UserControl 控件的 XAML 时,无需再重新生成项目以更新美工板上的所有 UserControl 对象。
此外,您可以在美工板上双击 UserControl 对象之一,以进入 UserControl 控件的编辑模式。
在“项目”面板中搜索文件
可以在“项目”面板中搜索项。清除搜索窗口时,搜索过程中展开的节点会保留其展开状态,以便您能够方便地找到搜索的项。
“在文件中查找”命令
您可以使用“编辑”菜单上的“在文件中查找” 命令(按 Ctrl+Shift+F)在多个文件中搜索文本。
“项目”面板的展开
关闭或重新打开解决方案时,Expression Blend 现在能记住“项目”面板中各个节点的展开状态。
代码编辑
XAML、C# 和 Visual Basic 代码编辑
Expression Blend 通过引入节省时间功能对其 XAML 支持进行了改进。您现在可以直接在 Expression Blend 内部修改 C# 和 Visual Basic 代码隐藏文件。代码编辑器支持若干可用于在修改代码时提高工作效率的功能。这些功能包括 IntelliSense(语法完成)、自动格式化、大括号匹配、函数摘要编写、事件处理程序创建以及更多。
XAML 编辑的改进
如果您在“拆分”视图中对 XAML 进行了无效更改,则对象树会保持展开状态。此外,在 XAML 中将对象属性设置为无效值后,您可以继续在美工板上处理对象。
在 Visual Studio 中添加事件处理程序
Expression Blend 现在包括用于修改 C# 和 Visual Basic 代码隐藏文件的代码编辑器。默认情况下,当您使用“属性”面板的“事件”视图将事件处理程序代码添加到代码隐藏文件时,Expression Blend 将在内部代码编辑器中打开代码隐藏文件。但是,您也可以选择使用 Microsoft Visual Studio 来添加事件处理程序。
可扩展性
可扩展的“资产”面板
通过注册包含一个或多个程序集的目录,可以在 Expression Blend 内的“资产”面板中填充内容。您可以编写自己的代码,以显示自定义图标以及更多内容。您也可以将存储在那些已知程序集中的控件实例化,而 Expression Blend 随后会将必需的程序集引用添加到您的项目中。
美工板的可扩展性
Expression Blend 3 对 Silverlight 和 WPF 的可扩展性 API 进行了更多优化。可扩展性点与 Visual Studio 设计器兼容,因此您也可以更灵活地扩展美工板。
可扩展的项目模板
Expression Blend 支持可扩展的项目模板,这些模板提供了可自定义的项目以及项存根,以改进项目创建。作为 Visual Studio 所支持内容的一部分,这些项目模板可用于创建具有跨项目依赖性和程序集引用的复杂解决方案。
另请参见
概念
其他资源
Microsoft Expression community site(Microsoft Expression 社区站点)