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