近来微软搞出了个Silverlight的家伙,翻译成“银光”还是“闪亮”,我们不是来学翻译英文的吧……
对于什么是Silverlight,为什么要学 习Silverlight?本人相信在看这个教程的朋友们应该对Silverlight已经有一定的了解了,本人在这里只做简单的介绍,网上早就有了微软 Quick Start了,不过学习微软的文档就像看MSDN一样,咱们初学者不见得真正能“Quick start”起来,我们需要的是通俗易懂的东西,汗了……
![](https://p-blog.csdn.net/images/p_blog_csdn_net/dotfun/750c1b89690d46bca4bf2fe5bca1a5f7.png)
大家应该知道Silverlight是MS的一个新宝贝,事实上这个小家伙已经“终结”了Adobe的Flash只手遮天的时代,以前的“闪客”们不知道以后会不会成为“银客”或是“光客”?呵呵,这不是我们讨论的范围。
言归正传,Silverlight自1.0推出 之后在RIA的领域的影响力与日俱增,如今微软又推出了Silverlight1.1 Alpha版,使Silverlight可以使用C#或VB.NET等.NET系列的托管语言进行Silverlight的开发,这使忠于微软.NET Framework程序设计的朋友可以在较短的时间以掌握Silverlight的基础。你想学FLASH开发你就不得不去额外的 ActionScript,尽管AS很简单……。写起程序来就可以使用Visual Studio 2008的C#语言来编写Silverlight的后台代码。可能有朋友会问了,那前台代码谁写?
前台代码就是Xaml(eXtensible Application Markup Language)翻译成:扩展应用程序标记语言,如果说起Xaml的由来话就长了……,它是MS的WPF(Windows Presentation Foundation)的子集,是WPF/E(Windows Presentation Foundation EveryWhere)的“前身”
Silverlight是微软公司针对RIA领域下的一比重注!它超越FLASH最大特点就是支持高DPI的视 频解析,未来可创建3D模型、可以更轻松的现实视频播放高品质的WMA(不像FLASH得转ON2VP6)和视频分享的播放器一类的东西,支持搜索引擎 SEO(基于Xaml),这些可说到了FLASH的痛处……。
编写Silverlight程序的准备工作:
为了轻松的开发Silverlight的程序,让我们安装一下设计开发环境(IDE):
(1) Visual Studio 2008 Orcas中文版,现在最新的应该是Beta2,如果你想用VS2005也可以,不过推荐大家装VS2008,毕竟这是个趋势,VS2008的好处我就不多说了。
(2) Expression Blend2 微软免费用来设计Silverlight前台显示代码的利器!你不用也行,自己手写Xaml代码,累死为止!还有一个Expression Design主要是编辑更复杂更细化的Silverlight界面,目前我们还用不到……
(3) 下载安装Silverlight Tools for Visual Studio 2008,不装这个建不了Silverlight程序,至少现在不行……
以上的东东网上都能搜到,有时间我再粘下载链接
OK,废话少说!先来开始编写我们第一个Hello Silverlight程序!
(1) 在VS2008,点“文件”—>“新建项目”—>选择Silverlight project,取名为HelloSilverlight如图,点确定。
![](https://p-blog.csdn.net/images/p_blog_csdn_net/dotfun/4b75e2e9ee67463e9f2521ec15c87c9a.png)
(2) 眼下我们第一个“银宝宝”就诞生了
![](https://p-blog.csdn.net/images/p_blog_csdn_net/dotfun/8ca903e823164570b7d77a6d264b64dc.png)
我们看到解决方案资源管理器中有以下几个文件,现在分别给大家介绍一下:
Page.xaml
Silverlight的前台代码文件,类似FLASH的SWF,不过区别还是很大的……
Silverlight.js
Silverlight用来调用API的脚本库
TestPage.html
用来展示Page.xaml内容的页面 ,如同把FLASH的SWF文件需要放在一个页面显示一样
(3) 在Page.xaml页面的<Canvas……></Canvas>之间输入以下代码,注意<TextBlock……>后面一定要有</TextBlock>,这是XML的要素。
<TextBlockName="TextBlock1 "Text = "Hello Silverlight! "FontSize = "20 "></ TextBlock >
(4) 好了,按下F5编译运行!稍等片刻,我的第一个Silverlight经典的Hello Silverlight运行了,这是我们对Silverlight的小小的问候,嘿嘿。
![](https://p-blog.csdn.net/images/p_blog_csdn_net/dotfun/52b11cef468a4925a1f52683bab579d5.png)
(5) 什么,没有出来?我没听错吧,如果没有没出来有几种可能,或是Silverlight装不上,Silverlight出不来之类的问题……,这里也包括Silverlight本身的BUG,请参考我BLOG里的“Silverlight装不上”的文章……
(6) 下面我们做个小小的改动,加上Foreground并修改FontSize,再编译运行:
< TextBlock Name = "TextBlock1 "Foreground = "red "Text = "Hello Silverlight! "FontSize = "50 "></ TextBlock >
![](https://p-blog.csdn.net/images/p_blog_csdn_net/dotfun/c48f2fb36d0646bbb07d74a1149c1ad7.png)
红色的Silverlight出来了!是不是很简 单,没有问题的话,点“保存”,这样我们的第一个Silverlight程序就完成了,微 软已经准备将Silverlight进行开源,这也是对Adobe FLASH FLEX宣战!“闪客”们要走好了……