零基础学通Silverlight4.docVIP

零基础学通Silverlight4 Expression Blend入门 2.1 概述 　　Expression Blend是一款功能齐全的专业设计工具，可用来针对基于Silverlight构建的Web应用程序制作精美复杂的用户界面。这样可让设计人员集中精力从事创作，开发人员集中精力从事编程，开发与设计人员可以高效地合作。Expression Blend和Visual Studio共享同一种项目格式，这二种工具分别针对开发和设计人员。 　　2.2 视图 　　Expression Blend提供了两个应用程序视图来制作场景，第一个是设计视图，在该视图中，可以使用各种工具及各类控件，以可视化的方式创建和操作元素。第二个视图是XAML代码视图，在该视图中，可直接编辑XAML以创建可视化元素。 　　2.3 工作区 　　Blend 中的工作区包含所有可视界面元素。这些元素包括美工板、面板、工具面板、工作区配置、创作视图和菜单。Expression Blend 具有两个工作区：“设计”工作区和“动画”工作区。您可以通过按 F6 在二者之间进行切换。“设计”工作区主要用于常规创作。“动画”工作区将“时间”面板移动到美工板下，以便有更多的空间来显示时间线。下面以“设计”工作区来说明，见图2.3-1。 图2.3-1 　　(1)文档窗口 此区域显示当前打开的所有 XAML 文档。 　　(2)项目面板、“资产”面板、“状态”面板、“对象和时间线面板 　　(3)工具面板 　　(4)美工板 　　(5)属性面板和资源面板 　　(6)设计视图、XAML视图和拆分视图。您可以使用设计视图来创作文档，以便在美工板上呈现直观的画面;也可以使用标记视图通过可扩展应用程序标记语言 (XAML) 本身创作文档。拆分视图将显示设计视图和XAML两个视图，并且您可以使用视图菜单上的拆分视图方向项来更改窗口的方向。 　　2.4 主要面板 　　2.4.1 工具条 　　在应用程序中创建和修改对象。可以通过使用鼠标选择工具并在美工板上进行绘制来创建对象。也可以使用图柄在美工板上更改对象，或者可以在属性面板中修改对象的属性，见图2.4-1。 　　图2.4-1 　　(1)选择工具 用于选择和路径选择(嵌套对象和路径段)对象和路径。 　　(2)视图工具 用于调整美工板的视图，例如平移、缩放以及调整三维内容的摄影轨迹。 　　(3)画笔工具 用于处理对象的可视属性，例如转换画笔、绘制对象，或者选择某个对象的属性以应用于另一个对象。 　　(4)对象工具 用于在美工板上绘制最常用的对象，例如路径、形状、版式面板、文本和控件。 　　(5)资产工具 用于访问资产面板并显示库中最近用过的资产。 　　资产面板列出了您可以在美工板上绘制的所有控件、样式、媒体、行为和效果。虽然最常用的控件会显示在工具面板中，但资产面板列出了可用于 Microsoft Expression Blend 项目的所有控件。 通过单击工具面板底部的资产，或单击窗口菜单上的资产，您可以打开资产面板。若要向美工板添加控件、样式或媒体对象，请执行下列操作之一： 　　选择了类别或子类别后，单击列表中的某个项，然后使用指针在美工板上绘制对象。 　　选择了类别或子类别后，双击列表中的某个项，将新对象插入到活动版式面板中。 　　选择了类别或子类别后，将列表中的某个项拖到美工板上。 　　若要在美工板上向对象添加行为或效果，可以在美工板上或在对象和时间线面板中将行为或效果拖到对象上。 　　2.4.2 对象和时间线面板 　　查看美工板上所有对象的层次结构，选择对象以便您可以对其进行修改，创建和修改动画时间线，见图2.4-2。 　　 　　图2.4-2 　　(1)对象视图 显示文档的可视化树。 您可以使用对象视图的层次结构特点深入到不同的详细信息级别。可以在对象视图中添加层，以在美工板上更好地组织对象，使它们能够作为组进行锁定和隐藏。可以通过将拆分栏向锁定列的左边拖动到所需宽度，来调整对象视图的宽度。 　　(2)情节提要选取器和情节提要选项，显示已创建的情节提要的列表。情节提要选项 在弹出菜单中提供选项，您可以使用这些选项来复制、反转、删除、重命名或关闭情节提要。也可以创建新的情节提要。 　　(3)播放控件 提供可用于在时间线中导航的情节提要控件。也可以拖动播放指针来定位(或推移)时间线。 　　(4)播放指针在时间线上的位置 按毫秒 (HH:mm:xxx) 显示当前时间。也可以直接在此字段中输入时间值以跳到特定的时间点。精度取决于对齐选项中设置的对齐分辨率。 　　(5)播放指针 指示动画所在的时间点。可以在时间线中拖动播放指针，以便预览动画。这种技术称为推移。 　　(6)时间线缩放 设置时间线的缩放分辨率。通过放大，可以编辑动画的更多细节;而通过缩小