Silverlight简介

浏览数：20 / 时间：2015年06月09日

SilverLight 简介

Microsoft^? Silverlight 是Microsoft^? 公司在.NET Framework平台上实现为Web和移动设备构建和显示下一代多媒体体验和丰富的交互式应用程序(RIA)的一种跨浏览器、跨平台的插件。Silverlight技术是一种新的Web表现层技术，其跨平台的用户体验和可扩展的编程模型分别起到了统一了服务器、Web 和桌面和统一托管代码和动态语言、声明性编程和传统编程以及 Windows Presentation Foundation (WPF) 的功能，并通过结合音视频、动画、交互以及炫丽的用户界面为Web应用程序提供精彩的多媒体创意和丰富的交互式环境。

一、Silverlight，不得不提的 WPF

WPF(Windows Presentation Foundation)是Microsoft^? 公司利用DirectX API进行用户界面开发和XAML标记文本语言定义外观布局的下一代UI表示层技术。它主要是提供统一的展现层模组，来建立诸如Windows Vista智慧型使用者体验，包含了使用者介面、3D模组、多媒体、文件等。

Silverlight技术的前身被称为WPF/E（Windows Presentation Foundation Everywhere）技术，它是利用了跨浏览器Web技术进行设计，以实现多操作系统，甚至移动设备上无缝运行的一种基于声明性编程方式的WPF，是一种新的Web 呈现技术。

Silverlight 提供 Windows Presentation Foundation (WPF) 提供的一部分功能(如数据绑定、触发器、样式、路由事件、依赖项属性、可视化和逻辑树以及可冻结对象)，并包含了可视状态管理器、Deep Zoom、数据网格控件等功能，因此我们可以将.NET Framework部署经验转移到 Silverlight，生成易于部署和快速安装的RIA。反之亦我们也能够通过重复使用 XAML将 Silverlight 应用程序移植到桌面。

因此从功能上说Silverlight隶属于WPF的子集，是传达下一代网页多媒体互相性功能，并可与Ajax来做高弹性的程式化互动的跨浏览器上的外挂。但二者都是基于XAML的展示层基础的，它们是互补的。若与Adobe技术来比， Silverlight犹如Flash，WPF犹如AIR(前身为Apollo)，XAML犹如MXML。

二、跨平台、浏览器的用户体验

Silverlight目前已经支持Internet Explorer, Firefox和Safari，并且微软已经承诺支持Opera。

_OS ^Browser	IE6 SP1	IE6 SV1	IE7	IE8	Firefox	Safari	Opera
Windows Vista/ 008	N/A	N/A	1.0, .0	.0	1.0, .0	1.0, .0	Planned
Windows XP/ 003	N/A	1.0, .0	1.0, .0	.0	1.0, .0	1.0, .0	Planned
Windows 000	.0	N/A	N/A	N/A	N/A	.0	N/A

Windows Mobile 6	.0	N/A	N/A	N/A	N/A	N/A	N/A
Mac OS 10	N/A	N/A	N/A	N/A	1.0	1.0	Planned

Mac OS 10 Intel	N/A	N/A	N/A	N/A	1.0, .0	1.0, .0	Planned

Linux	N/A	N/A	N/A	N/A	Planned	Planned	Planned

三、Silverlight 特色

跨平台的用户体验：Silverlight集成了多种现有Web技术和设备支持多种平台，使用户能够方便的进行代码重用，并通过不同平台无缝的连接到Web。

小巧方便：当用户遇到使用Silverlight开发的网页时，可以迅速的安装Silverlight插件，安装简单、体积小（约为 Mb）。

该解决方案集成了强大的图像及图层技术，支持任何尺寸图像的无缝整合，并提供适合广播的图层技术，可以在图像上添加按钮、标题或是其他交互性内容。

丰富的内容功能：使用 Silverlight，可以添加包括视频、动画、文字、 D、3D 图像和一些 Web 页面的可视化效果等丰富的内容，比单纯使用 HTML 能带来更丰富的用户体验。

可扩展的编程模型和协作工具: Silverlight兼容大量其他标准和现有技术（包括ASP.NET、AJAX以及.NET 3.5），支持JavaScript，C#，VB，Ruby以及Python等多种开发语言，使得开发者可以根据现有标准，或是采用微软已成熟技术来开发基于Web的内容。而且XAML语言使得Web内容和桌面内容的开发语言一致，从而降低了开发费用。Silverlight还为设计者和开发者提供大量的开发工具和开发环境支持（如Visual Studio^?的Web开发支持包括ASP.NET AJAX在内的技术，Expression^? Studio使得在符合W3C标准的网站开发中可以使用XHTML、XML、XSLT、CSS以及ASP.NET等工具且能够可以创建可重用界面以提高创建Silverlight应用的效率）。

无需编译： Silverlight 基于XAML和JavaScript，由浏览器解释执行，并以DOM型式公开它的元素树，内容能很好被搜索引擎收录。

高质量、低成本的多媒体技术：Silverlight内建的视频及动画广告解决方案灵活性很高，当传输广播类型的视频或是动画广告时，不会影响视频的质量。它通过Expression Media Encoder以及Tarari公司的内建平台，支持15X的快速视频编码及硬件加速，并且允许利用WMV标准从高清设备向移动设备提供高质量视频和音频。通过获得艾美奖的Windows Media技术，传输流量可降低46%，并且和现有的Windows Media流量配置方案兼容。

结合数据、服务器和服务: XAML 与 ASP.NET AJAX 无缝集成，比单独使用 ASP.NET AJAX 能够提供更丰富的表现能力。

支持内容接入保护技术：无论在Windows还是Mac平台上，Silverlight都支持多种商业模型，包括订阅、租用、付费浏览或是预览等。

Silverlight 功能表

特性	Silverlight 1.0	Silverlight .0
D Vector Animation/Graphics	×
AJAX Support
Cross-Browser (Firefox, IE, Safari)
Cross-Platform (Windows, Mac)
Framework Languages(VB, C#, IronRuby, Ironpython)	×
HTML DOM Integration
HTTP Networking
Isolated Storage	×
JavaScript Support
*JSON, REST, SOAP/WS-, POX, and RSS Web Services**	×
ADO.NET Data Services	×
Cross Domain Network Access	×
LINQ to Objects	×
Canvas Layout Support
StackPanel, Grid and Panel Layout Support	×
Managed Control Framework	×
Full suite of Controls	×
Deep Zoom Technology	×
Managed HTML Bridge	×
Managed Exception Handling	×
Media – Content Protection	×
Media – 7 0P High Definition (HD) Video
Media – Audio/Video Support (VC-1, WMV, WMA, MP3)
Media – Image Support (JPG, PNG)
Media Markers
Rich Core Framework (e.g. Generics, collections)	×
Security Enforcement	×
Silverlight ASP.NET Controls (asp:media, asp:xaml)
Type Safety Verification	×
Windows Media Server Support
XAML Parser (based on WPF)
XMLReader/Writer	×

四、Silverlight 整体架构

系统平台： Windows Vista/ 008、Windows XP/ 003、Windows 000

Mac OS 10、Mac OS 10 Intel

浏览器平台：Internet Explorer 6、Internet Explorer 7、Internet Explorer 8

Firefox 1.5、Firefox .0、Firefox 3.0

Safari .0、Safari 3.0

工具：Microsoft^? Visual Studio、Microsoft^? Expression Studio

语言：C#、Visual Basic、Managed Jscript、IronRuby、IronPython

支持的媒体：VCI、WMV、WMA、MP3、GIF、JPG、PNG

控件：

结构：

五、Silverlight 项目文件结构

一个标准的Silverlight项目一般包括如下几个部分：

1. Web页面：用于嵌入或是宿主基于Silverlight的应用程序。

在<head>部分包含了两个独立的javascript文件，这两个javascript脚本分别用于创建silverlight和检查本地是否安装silverlight插件。

一个<div>中包含Silverlight，它由<Head>中的<Style>定义一个样式，而<div>里面是一行简单的Javascript函数调用创建silverlight。这个函数在前面包含的单独 javascript 文件中。

2.Javascript文件

Silverlight.js：辅助创建Silverlight插件的文件，其中定义了创建Silverlight的CreatObject和CreatObjectEx方法，定义了Silverlight版本检查代码和实例化Silverlight插件的代码。

TestPage.HTML.js：调用Silverlight.js中的CreatSilverlight方法创建Silverlight插件。

负责使用silverlight专属的对象提取一个XAML文件，并把这个XAML转换成Silverlight。

3.XAML文件：用于定义Silverlight应用程序的用户界面元素

如同Flash的SWF文件一样，不过SWF文件既包括资源又包括逻辑，并且是不可读的，而XAML只包括资源和表现形式，不包括程序逻辑，并且是可读的。

每一个XAML文件都对应一个相同文件名+".cs"或者".vb"的服务器端代码，和ASPX的CodeBeside很相似。

4.Silverlight插件：用于输出Silverlight内容，它使用HTML的<Object>或<Embed>标签嵌入HTML

六、Silverlight 工作原理

从浏览器发出HTTP请求，服务器接到后返回HTML、Javascript
Javascript首先检查是否安装了Silverlight插件，如果没有则提供下载
Javascript开始创建Silverlight，并从服务器下载XAML文件
Silverlight的Javascript检查到XAML文件后，根据需要向服务器请求程序逻辑（不管后台是cs的源代码还是编译好的，程序逻辑始终是后台负责编译并执行的，然后把执行结果透过XML传递给前台）。由于请求和响应的内容很短，是类似Ajax的，所以如果网络带宽够用的话应该不会很卡。
本地Javascript接到响应后根据响应结果显示效果

七、Silverlight与ASP.NET / Ajax.Net

我们刚才有提到Silverlight整合既有的网页技术，这也包含了ASP.NET与Ajax.NET，因此就设计上可以补强二者关系，若以深入来谈 Silverlight可以与任何的Ajax程式来沟通，包含前端与后端(Client & Server side)，所以ASP.NET与Ajax.Net能用来控制Silverlight为基底的视觉化资料，来表现出丰富的使用者介面，举例来说，您可以在Silverlight指向到另支一支程式，或是用依据程式需求来播放一个影片。

八、配置Silverlight的服务器

部署Silverlight到产品Web服务器是一个相当容易的过程，尽管有时候会有一些错觉——譬如，认为Silverlight需要部署在基于微软的Web服务器（IIS）上， Silverlight不强制一定部署在基于微软的Web服务器上，Apache也可以像IIS一样，轻松愉快的支持Silverlight运行。Web服务器通常都只支持有限种已知扩展名的静态文件内容，Silverlight引入了两个新的文件扩展，因此，你需要为web服务器添加MIME类型，这样才能让Web服务器识别并处理那些类型的文件。

九、Silverlight与Adobe Flash

Silverlight与Flash有着不同的技术基础：Flash使用“半公开”的二进制格式而Silverlight基于声明性编程方式WPF。

为了清楚的展示Microsoft^?与^?在RIA的展示层、语言、工具架构上的不同，有两者架构比较图如下：