Helloj2ee学Silverlight之五——Silverlight的编程模型

最新推荐文章于 2024-09-25 14:00:00 发布

weixin_34416754

最新推荐文章于 2024-09-25 14:00:00 发布

阅读量82

点赞数

文章标签： javascript c# runtime ViewUI

原文链接：http://www.cnblogs.com/helloj2ee/archive/2010/03/29/1700028.html

版权

　　Helloj2ee学Silverlight之五终于又和大家见面了。这一周从周一到周六早中晚连轴转，直到周日我才休息。想起Helloj2ee学Silverlight系列，只觉得肩头千斤的重担，好，Helloj2ee开始学习Silverlight。

1 题外话：从Silverlight3升级到Silverlight4

　　现在Helloj2ee学习Silverlight环境有所变化，最主要的变化就是由Silverlight3升级到Silverlight4。过去不能安装4主要是Silverlight 4的RC版没有发布，现在好了，在2010年3月15日就发布了SL4的RC版。大家可以在http://www.silverlight.net/getstarted/silverlight-4/去下载。也可以随时关注我的关于VS工具的官方下载地址.....不定期更新中一帖，我会紧随着微软的步伐发布他的更新工具，无偿为微软摇旗呐喊。

过去我曾在Helloj2ee学Silverlight之二里介绍了我的配置环境。现在我的环境发生了如下变化：

（1）VS2010RC（没有变化）；

（2）Silverlight Development Runtime，Silverlight SDK（版本：4.0.50303.0）

（3）Silverlight 4 Tools for VS2010（版本：10.0.30111.00）

此外Helloj2ee的学习文档也发生了变化，由原来的Silverlight4 Beta版的离线文档变成了RC版的离线文档。

这些其实都不是太重要，如果你是一个初学者，有时是会被微软的这些若干版本弄晕的。不晕才怪。我过去在学习MFC的时候，使用VC6.0就经常弄不清楚到底自己的VC是SP几？那个时候VS工具远没有现在更新的快。说实话我所接触的微软的工具当中，应该属Silverlight更新是最快的。Helloj2ee也是最近几年才赶上了微软的步伐。过去看见别人用Com，ATL，WinForm，用ASP，用WPF，而Helloj2ee一直悲伤落寞地使用MFC，当时还一直以“VC土鳖”自嘲。即使在去年的时候，当很多人开始用Silverlight，学Silverlight，写Silverlight时。Helloj2ee还在苦苦专研WPF。Helloj2ee有一个比较愚蠢的想法，觉得自己必须学会了WPF再去学习SL。现在看来，其实从WPF转过来非常之快，真的。现在我就是看Silverlight的帮助文档，然后理解理解，就可以写成一篇Helloj2ee学Silverlight。如此可见一斑。学习的过程绝对是一个加速度，当你的技术底子越来越厚的时候，那么自然而然地就会看什么技术，发现都是不过如此，那么也就赶上了微软的速度了，至少和他发布的速度可以保持同步。

如果你不知道自己的SL版本的话，也可以在“添加/删除”程序里，查看一下它的版本号。

　　此外下表是一个Silverlight发布的一个历史版本汇总（该表来自参考文献[1]）：

2. 两种编程API

　　好了，言归正传。转入我们的正题，就是今天要讨论的Silverlight编程模型。实际上前面我们做过的是两个例子：

（1）在Helloj2ee学Silverlight之三里，我们将一个SL生成的.xap文件嵌入到网页之中；

（2）在Helloj2ee学Silverlight之四里，我们通过JavaScript将一个SL生成的.xap文件嵌入到网页之中。

我们这嵌入的都是.xap文件，实际上这两种方法都是一种编程模型，它使用的都是XAML和C#或者VB，这种编程的API我们称之为Managed API For Silverlight——Silverlight的托管API。还有一种，我们看下面的例子：

代码

1 < html >
2 < head >
3    < title > Display Date </ title >
4    <! —使用JavaScript写的事件函数-- >
5    < script type ="text/javascript" >
6        function setDate(sender, eventArgs) {
7           sender.text = Date();
8       }
9    </ script >
10 </ head >
11
12 < body bgcolor ="Teal" >
13 <! —XAML文件-- >
14 < script type ="text/xaml" id ="xamlContent" > <? xml version = " 1.0 " ?>
15    < Canvas
16     xmlns = " http://schemas.microsoft.com/client/2007 "
17     Background = " Wheat " >
18      < TextBlock
19       Canvas.Left = " 20 "
20       FontSize = " 24 "
21       Loaded = " setDate " / >
22    < / Canvas>
23 </ script >
24
25 < div id ="silverlightControlHost" >
26    < object type ="application/x-silverlight" width ="100%" height ="100%" id ="slc" >
27      < param name ="source" value ="#xamlContent" />
28      < param name ="onload" value ="onLoaded" />
29      < param name ="iswindowless" value ="true" />
30    </ object >
31
32 </ div >
33 </ body >
34 </ html >
35

　　上面的例子与我们之前讲的嵌入Silverlight控件最大的不同是，它是将一个XAML文件直接嵌入到网页当中，而且事件处理函数的实现是通过JavaScript来实现的。我们可以看到从15-22行代码是一个内联的XAML文件，描述的是一个Canvas面板。其中还声明了一个Loaded事件。而这个事件的响应函数是一个JavaScript所实现的setDate函数（5-8）。

这种编程JavaScript搭配XAML，这是微软提供的另一种API方式，称之为JavaScript API For Silverlight——Silverlight的JavaScript API。这种方式是在Silverlight1.0当中使用的非常多。但是现在最主流的方式还是使用Silverlight的托管API。下面我们以Silverlight的托管API这种方式好好解释一下Silverlight的体系结构。