Silverlight的应用

最新推荐文章于 2019-10-02 10:20:54 发布

夏小安Lily

最新推荐文章于 2019-10-02 10:20:54 发布

阅读量1.5k

点赞数 1

文章标签： silverlight blend asp.net 工具开发工具 html

第一章 Silverlight 介绍

在本章节中，你将了解到支撑Silverlight整体框架的设计原理。现在，请你活动一下筋骨，准备做你的第一个Silverlight应用。

微软的首选开发工具--Visual Studio，是编写Silverlight程序最合适的入门工具。本章将给你展示出如何使用VS创建、编辑以及部署一个Silverlight应用程序。之后，你会对Silverlight控件如何响应事件、Silverlight应用程序编译并且打包封装以便发布到web上有一个大体的认识，进一步你也会对寄宿Silverlight控件的两个方式（在一个普通的HTML页面中或者一个ASP.NET的web form）有所认识和选择。

Silverlight设计工具

　　徒手用记事本纯敲打字母来创建Silverlight应用程序中所需要的文件，这从技术的角度来说，当然不是不可能，但是作为专业的开发者来说，他们意向选择一个开发工具，或者叫编辑器。如果你是一个主要负责界面这方向的设计师，那么你选择的工具十有八九是Microsoft Expression Blend,这个东西为设计可视化的用户界面提供了一套完整的功能；如果你是一个开发者，那你基本上会选择VS，这个玩意针对编码、测试和调试提供了完整丰富的工具。

　　针对Silverlight 应用程序模型，VS和Blend在本质上是一样的，因此，你可以很轻松地创建一个结合二者的工作流。例如，一个开发者使用VS创建了一个基础的用户界面然后交给一个界面美工团队，这个团队会使用Blend去定制界面效果以将其美化。“整容”完成后，设计师将项目移交给开发人员，开发人员使用VS继续编码完善功能。

　　许多开发人员走得更远：他们同时使用VS和Blend，在项目过程中根据情况在两个工具之间切换。他们使用VS做编码和调试这样的核心编程工作，然后切换到Blend中完善用户界面——比如编辑空间模板、选择颜色、创建或者改善动画效果和话矢量图。（这种颠来复去的搞法能起一个不错的效果是因为你在一个工具比如VS中将代码做了修改并且保存，另一个工具比如Blend会立马感知到变化。当你切换到这个工具的时候，它会提醒你做一个快速的刷新然后加载修改后的版本的代码内容。当然，在切换之前，你必须将你的修改做一下保存，这是你唯一必须记住的把戏。）你完全可以自己去选择是否用这个方式来做开发——不过请记住，如果一旦你这么操作，VS是你的开发过程中的起点和核心。

　　最后，值得注意的是，微软在努力设计另一个名叫Visual Studio LightSwitch的用于Silverlight的开发工具。LightSwitch的重要特性是使用模板和代码生成以快速地创建复杂的应用程序。那些需要快速地生成一个采用Silverlight做前段展示的数据驱动应用的开发者正是最适合使用LightSwitch的人选。当然，LightSwitch也可以用做创建更为复杂一些的项目，然后这些项目转到VS中编辑。本书中不包含LightSwitch的内容，不过你可以上www.microsoft.com/visualstudio/lightswitch下载测试代码来学习。或者，看看《Pro Business Applications with Silverlight 5》 (Apress, 2011)这本书，这里面专门一章来讨论这个主题。

Visual Studio 和 Expression Blend的对比

如果你仍然纠结于应该怎么选择VS和Blend，下面的两项说明可以缓解一下你的情绪：

VS:使用VS的针对Silverlight页面的可视化设计器，你可以在开发Silverlight应用程序的过程中做任何你想做的事情，你可以在设计器中拖拽、删除、还可以画出你的用户界面（提示：这种做法不是最好的），之后你可以立刻预览到你修改之后的界面样子（这一点非常有用）
Blend:Blend提供了一套在可视化方面超越VS的工具，使用这套工具，你能够非常便利地实现那些极为繁琐的用户界面的设计工作（比如说创建一个视觉效果非常漂亮的渐变填充效果）。Blend还提供了一个比较有意思的原型设计工具，名叫SketchFlow，此物的界面风格和VS很相似。不过依据人品守恒原则，它缺乏很多先进的和重要的开发工具，比如调试、代码重构、和项目源代码控制。

备注：VS 2010 自身已经包含开发一个Silverlight 3项目所需要的所有内容（意思就是说如果你想弄SL3，那么你安装完了VS2010之后就可以直接搞起了）。但是如果你想创建Silverlight 5的项目，则需要单独下载针对VS2010的Silverlight 5的开发包。另外，如果你还想使用Expression Blend来编辑你的Silverlight 5 项目，那么你还得下载一个叫做the Expression Blend Preview for Silverlight 5的测试版本的工具，这两个工具请移步到微软下载中心（在http://www.microsoft.com/download搜索Silverlight 5 即可找到，题外话，翻译的这个时候，Expression Blend已经是正式版了）

本书针对那些主要使用VS来完成项目开发的工作的开发人群，当然也会涉及到一些Blend方面的内容（也包括其他一些基于Silverlight的设计产品，例如Expression Design drawing tool 和 Expression Encoder video encoding tool）。但如果你真心想要掌握Expression Blend，我建议还是闹一本专门讲解Expression Blend的书，做做实际演练，或者上http://expression.microsoft.com/cc136535.aspx这个地址研究研究微软的Expression Blend培训录像。

理解Silverlight站点

在VS 或者Blend中，创建Silverlight站点有两种选择方式：

一个普通的基于HTML页面的网站：这种情况下，你的Silverlight应用的入口是一个包含了Silverlight内容块的HTML文件
ASP.NET 站点：这种情况下，VS会创建两个项目——一个包含Silverlight应用程序的文件；另一个则是一个基于服务端的ASP.NET 站点，这个站点在部署的时候会连同前一个项目的Silverlight部分一起部署。Silverlight部分的入口是可以是一个普通的HTML文件，也可以是一个包含了由服务端生成的内容的ASP.NET页面。

那么，那种方式更好？其实，无论你选择哪个方式，你的Silverlight应用程序的运行方式都是一样的——客户端浏览器接收到一个包含着Silverlight内容块的HTML文档，这个Silverlight部分的代码将会运行在客户端电脑上，而不是在服务端。虽说本质一样，不过使用ASP.NET web 方式更容易将ASP.NET和Silverlight内容融合在一起。如果你碰到以下三种情况，则选择ASP.NET web 方式更好：

需要创建一个同时包含ASP.NET页面和拥有增强了Silverlight效果的页面的站点。
Silverlight应用需要调用web service，而且在Silverlight项目的开发过程中同步进行着web service部分的编码工作（并且web service也是部署到同一个站点中）。
需要使用特定的ASP.NET web控件来间接生成Silverlight内容。

另一方面，如果你不需要编写任何服务端的代码，那么创建一个完整的ASP.NET站点真挺浮云的。你将在本书后面章节内容中看到的多数Silverlight应用例子都是仅仅基于HTML的站点，这些示例仅仅当它们需要特定的服务端特性的时候才会将ASP.NET站点融入其中。比如说，第20章中使用了ASP.NET站点的那些示例引用了web service，此神物允许Silverlight应用从一个网络服务器的数据库中检索数据信息。如果不使用服务端编码，你想搞出这些花花肠子是不可能的。顺便一提，第19章会告诉你如何鼓捣ASP.NET 的网络服务。

在一个现有的web站点上添加Silverlight 内容

在Silverlight模块开发过程中，有一个关键点要牢记：多数情况下，你是在现有的已经包含了大量的HTML，CSS和JavaScript的站点中融入Silverlight元素。比如说，你可能是要增加一个Silverlight内容区域来显示一个广告或者在站点的某页面用Silverilght来增强用户体验（比如让用户体验一个游戏，做一个问卷调查，让用户在线体验某个产品，或参加一次虚拟的旅游）。你可以用带有Silverlight技术的页面让安装了Silverlight插件的用户以更为吸引眼球的效果体验已经正常可用的网站，或者给他们提供增值服务。

当然，你也完全可以创建一个纯粹的Silverlight站点，窃以为这种尝试是非常大胆的，原因是Silverlight插件不像Flash这样的网络技术那样安装得如此广泛，而且不支持Windows ME，Windows 2000系统。正因如此，Silverlight没能像HTML那样广泛应用。许多使用Silverlight技术的企业用它来使自己区别于其他拥有高精尖技术的竞争对手，但是他们不会放弃他们传统的网站展示方式。

创建一个纯粹独立的Silverlight项目

入门Silverlight最快的方式是创建一个普通的带有HTML页面但不带服务端代码的站点。步骤如下：

在VS的菜单栏依次选择File-New-Project，然后选择Visual C#-项目组中选择Silverlight，接下来选择Silverlight应用陈旭模板。通常情况下，你需要设置一个项目名称并且选择项目的物理路径，之后点击OK确定后就生成了项目
现在，VS会让你选择是否创建一个完整的可在本项目中运行服务端代码的ASP.NET站点（参见图1-1）。咱们简单化一点，将“Host the Silverlight application in a new Web site”复选框取消。
最后一步，选择你想创建的Silverlight的版本。如果你打算使用Silverlight 5的任何新特性，你不妨选择Silverlight 4（编写此书的目前，4版本依然是安装最广泛的版本）。当然如果你没有安装针对VS 2010 的Silverlight 5 开发工具，在版本选择下拉选项中是看不到Silverlight 5的。
点击OK，完成项目的创建。

提示不必担心的是在工程创建完毕后的任何时候你都可以改变项目的Silverlight版本。做法是双击解决方案资源管理器中的属性，然后直接修改Silverlight版本下列表的选择项即可。

图1-1 不将Silverlight应用寄宿在单独的ASP.NET站点中

如图1-2所示，每一个Silverlight项目都是由VS自动生成的一组少量的基本文件开始的。所有扩展名为.xaml的文件遵循的是一种名为XAML的灵活的标记标准（XAML将在下一章节做深入的剖析）。所有扩展名为.cs的文件皆是实现你的应用程序功能的c#源代码。

图1-2 一个Silverlight项目示例

我们简单分析一下图1-2中的所展示的文件：

App.xaml和App.xaml.cs：这两个文件在你的Silverlight应用程序中起到配置性的作用，在这里你可以定义供程序其他所有页面使用的全局资源(参见第二章)，你也可以在这里对应用程序的事件（比如应用启动、关闭和异常）做出自定义的修改（参见第六章）。一个新创建的项目里，App.xaml.cs文件中的应用启动（startup）代码段中指定应用程序从展示MainPage.xaml页面作为整个工程的开始。
MainPage.xaml：这个文件定义了将在第一个页面上展示用户界面内容（即控件、图片、文本这些内容的集合）。从技术的角度来说，Silverlight页面是用户控件——继承于UserControl的自定义类。Silverlight应用可以包含的页面没有限制（只要你需要）——增加页面的方法是选择Project-选择Add New Item，然后选择Silverlight User Control Template，修改你的文件名，点击Add即可。
MainPage.xaml.cs：这个文件包含了后台支撑你的第一个页面的代码，例如对用户在页面上的操作做出响应的事件句柄。

备注：本书前几章中的应用示例均是只有单个页面的简单示例，所以你实际操练的过程中也是如此。在第六章中，你会对初始页面中的应用逻辑有更深的认识。然后在第七章中，你将会彻底地突破之前的技术壁垒，学习到实现页面的组合和导航所需要的技术。

除了这四个基本的文件，你稍微留心一下，会发现还有其他一些文件。在解决方案资源管理器中的属性文件夹（Properties node）下有一个名为AppManifest.xml的文件，这个文件中列出了你的应用程序中所使用的所有程序集的清单；还有一个名为AssemblyInfo.cs的文件，、当你的项目在编辑并嵌入到你的Silverlight程序集中的时候会生成一些信息，比如它的项目名称、版本、发布者等等，AssemblyInfo.cs就是用来存储这些信息的。这些特殊的文件尽量不要手工修改，因为在你给项目增加引用或者设置项目的属性的时候，VS会自动去修改这些文件。

最后一点要说明的是，连接到Silverlight应用的通道是一个自动生成但隐藏的名为“项目名+TestPage.html”的HTML测试页面。比如说你的项目名称是SilverlightApplication1，那么对应的这个页面名称则是SilverlightApplication1TestPage.html（如图1-3所示）。如果你想看到这个文件，必须至少将你的应用编译一遍；然后，在解决方案资源管理器的最上面点击“Show All Files”图标按钮，接下来展开Bin\Debug文件夹（也就是你的应用编译的路径）便可看到。这个测试页面文件包含一个创建Silverlight内容区域的<Object>元素。在本章的后面部分将会更详细地介绍这个页面。