Silverlight基础
Silverlight4.0
第一章工具安装
1.1 安装Visual Studio 2010
Visual Studio是一个开发环境（IDE），Visual Studio的IDE已经成为软件开发工具的标杆，在Visual Studio 2010中，微软用全新的WPF技术重新打造了它的编辑器，借助WPF
的强大功能，新的编辑器可以实现很多以前Visual Studio 2008的IDE根本无法想象的功能，比如代码的无级缩放，多窗口即时更新，文档地图，代码的自动产生等等，这些新的I DE特性都会极大地提高程序员的开发效率，Visual Studio 2010 可从下面的地址下载安装：https://www.wendangku.net/doc/9112777440.html,/downloads/details.aspx?displaylang=en&FamilyID=06a32b1
c-80e9-41df-ba0c-79d56cb823f7
Visual Studio的Silverlight工具包不要提前安装，Visual Studio2010主要安装流程如下：
（1）运行安装文件，在收集完系统信息后，安装程序引导进入许可证页面，我们当然是选择“已经阅读了”，如图2.1-1。
图2.1-1
（2）因完全安装所需空间很大，可达5G，建议选择定制安装，如图2.1-2。
图2.1-2
（3）选择常用的开发语言等所需的选项，可节省不少的空间，注意需选择Visual Web Dev eloper，否则后面Silverlight 4工具不能安装，如图2.1-3。
图2.1-3
（4）点击Install，等待一下，安装即可成功。
1.2 安装Silverlight 4工具包
Visual Studio 2010的Silverlight 4 Tools 包含一系列与Silverlight开发相关的工具和环境，其中包括了Silverlight运行时、Silverlight软件开发工具包(SDK)以及Visual Studio2010插件本身。它可以从下面的地址下载安装：https://www.wendangku.net/doc/9112777440.html,/fwlink/? LinkId=177508。
安装工具需要注意下列的一些情况：
（1）在系统中不要提前安装Silverlight的运行时。
（2）在系统中不要提前安装Silverlight SDK的运行时。
（3）在系统中不要提前安装其它版本Silverlight的Visual Studio工具包。
当安装程序完成下载和安装后，你的系统中会安装Silverlight运行时、Silverlight SDK 以及Visual Studio开发插件。
主要安装流程如下：
（1）执行安装文件，如图2.2-1。
图2.2-1
（2）许可界面，选中“I have read and accept the license terms”出现“Next”，如图2.2-2。
图2.2-2
（3）单击“Next”，安装，直至完成，如图2.2-3。
图2.2-3
1.3 安装Expression Blend 4
Microsoft Expression套装设计工具为图形和交互设计人员提供了丰富的应用界面，大大提高了工作效率，而且加强设计人员和开发人员之间的合作，其中Expression Blend工具，为所有的图形元素生成XAML标记，所以即使设计人员不理解XAML语法，也同样能够设计。Expression Blend 是一款用于对WPF和Silverlight的XAML文档进行可视化设计的软件，Blend 4和Visual Studio 2010共享一种项目格式，在这两种环境中，代码、组件以及控件可以被共享，因此设计人员和开发为员就可以高效地合作。Microsoft Expression Stud io 4可以从下面的地址下载安装：
https://www.wendangku.net/doc/9112777440.html,/downloads/details.aspx?familyid=F17AC9B8-6D4D-4ACC-93C B-54FABDEB3CFE&displaylang=en
安装较简单，只需要一路点击Next就OK了。
1.4 安装SQL Server 2008 Express
具有高级服务的 Microsoft SQL Server 2008 Express提供了高级图形管理工具和强大的报表功能，为 Web 开发强大的数据驱动型程序会比以往更新轻松。用户可以免费下载、分发和嵌入到应用程序中，数据库可以通过SQL Server Management Studio Express等工具进行管理，本书部分案例将使用SQL Server2008 Express with Advanced Services，可同时具有SQL Server和Management Studio，可以从下面的地址下载安装：
https://www.wendangku.net/doc/9112777440.html,/downloads/details.aspx?displaylang=en&FamilyID=b5d1b8c 3-fda5-4508-b0d0-1311d670e336
SQL Server的安装过程较复杂，其中几个地方必须注意，主要安装流程如下：
（1）运行安装文件，选择“全新SQL Server独立安装或现有安装添加功能”，启动安装，如图2.4-1。
图2.4-1
（2）检查安装程序支持文件，如有问题，必须更正所有失败，安装程序才能继续，经常发生Windows PowerShell没安装，安装后重新检测，须安装Windows PowerShell后才能继续，如图2.4-2。
图2.4-2
（3）选择部分常用功能，以节省空间，如图2.4-3。
图2.4-3
（4）实例配置选择命名实例，如有安装实例，建议删除后再安装。（5）服务器配置，可设立一帐户及密码，如图2.4-4。
图2.4-4
（6）数据库引擎配置，选择Windows 身份验证模式，并添加当前用户为管理员，如图2.4 -5。
图2.4-5
（7）一直点击“下一步”，安装会成功完成。
安装完成后，打开SQL Server Management Studio，在主界面右击“数据库”对话框中单击“附加”按扭，然后从“定位数据库文件”对话框中选中数据库文件。如图2.4-6。
图2.4-6
第二章 Expression Blend入门
2.1 概述
Expression Blend是一款功能齐全的专业设计工具，可用来针对基于Silverlight构建的Web应用程序制作精美复杂的用户界面。这样可让设计人员集中精力从事创作，开发人员集中精力从事编程，开发与设计人员可以高效地合作。Expression Blend和Visual Stu dio共享同一种项目格式，这二种工具分别针对开发和设计人员。
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）时间线缩放设置时间线的缩放分辨率。通过放大，可以编辑动画的更多细节；而通过缩小，可更全面地显示在更长时间段内发生的情况。如果在放大之后无法在所需的时间位置设置关键帧，请验证设置的对齐分辨率是否足够高。
（7）时间线上设置的关键帧指定特定时间点上属性值的变化。关键帧具有不同的级别。为"Angle"元素设置的关键帧为简单关键帧；为"RenderTransform"元素设置的关键帧为复合关键帧；为"DetailsPane"对象设置的关键帧为对象级关键帧。
2.4.3项目面板
查看与当前打开项目相关联的所有文件，打开项目文件以供编辑，管理项目文件，见图
2.4-3。
①用于筛选项目文件列表的"搜索"框
②包含 Silverlight 应用程序项目和相应网站项目的解决方案。
③项目引用，如 DLL 文件。
④主文档的代码隐藏文件。
⑤ Silverlight 应用程序的网站项目
图2.4-3
2.4.4属性面板
通过使用 Microsoft Expression Blend 中的"属性"面板，可以查看和修改在美工板上或在"对象和时间线"下选定的对象的属性。如果通过操作鼠标使用对象图柄直接在美工板上修改对象，则"属性"面板中将反映属性的更改。反之亦然，即：如果通过使用"属性"面板中"转换"下的值编辑器来缩放对象，则会在美工板上缩放对象，见图2.4-4。
图2.4-4
①选定对象的名称和类型。
②切换按钮，用于显示"属性"或"事件"视图。
③搜索框，用于筛选依据输入的文本显示的属性。
④用于选择画笔编辑器的选项卡。可以将"画笔"下的选定属性设置为"无画笔"、"纯色画笔"、"渐变画笔"、"平铺画笔"或"画笔资源"。
⑤带颜色滑块的颜色选取器。
⑥可展开和折叠的外观、布局、公共属性等类别。
2.4.5调整布局
（1）向工作区中添加面板,在"窗口"菜单上，单击要添加到工作区中的面板的名称。已显示在工作区中的面板将出现在"窗口"菜单上，旁边有复选标记。