十天学会Silverlight之第一天Hello Silverlight [dotfun原创]

近来微软搞出了个Silverlight的家伙，翻译成“银光”还是“闪亮”，我们不是来学翻译英文的吧……

对于什么是Silverlight，为什么要学习Silverlight？本人相信在看这个教程的朋友们应该对Silverlight已经有一定的了解了，本人在这里只做简单的介绍，网上早就有了微软Quick Start了，不过学习微软的文档就像看MSDN一样，咱们初学者不见得真正能“Quick start”起来，我们需要的是通俗易懂的东西，汗了……    

大家应该知道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如图，点确定。

（2）       眼下我们第一个“银宝宝”就诞生了

我们看到解决方案资源管理器中有以下几个文件，现在分别给大家介绍一下：
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的小小的问候，嘿嘿。

（5）       什么，没有出来？我没听错吧，如果没有没出来有几种可能，或是Silverlight装不上，Silverlight出不来之类的问题……，这里也包括Silverlight本身的BUG，请参考我BLOG里的“Silverlight装不上”的文章……

（6）       下面我们做个小小的改动，加上Foreground并修改FontSize，再编译运行：

 < TextBlock Name = "TextBlock1"Foreground="red"Text="Hello Silverlight!"FontSize="50"></TextBlock>

红色的Silverlight出来了！是不是很简单，没有问题的话，点“保存”，这样我们的第一个Silverlight程序就完成了，什么？这么简单？没错！这就是微软的product的好处，而且微软已经准备将Silverlight进行开源，这也是对Adobe FLASH FLEX宣战！“闪客”们要走好了……

   好了，第一天我们就先学到这里，你是不是也喜欢上“她”了？明天让我们再和Silverlight宝贝约会吧！手打字累了……

 

本文出自 “WPF外包公司―北京动点..” 博客，转载请与作者联系！