查看完整版本: 一步一步学Silverlight 2系列(1):创建一个基本的Silverlight应用

比尔退休了 2008-7-7 13:31

一步一步学Silverlight 2系列(1):创建一个基本的Silverlight应用

Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章带您快速进入Silverlight 2开发。
本文为系列第一篇创建一个基本的Silverlight 2应用,不能免俗,从最简单的Hello Word 开始。
建立项目安装完Silverlight 2 Beta 1之后打开VS2008,打开新建项目对话框,可以看到Silverlight Application项目模板。
[img=650,517]http://www.cnblogs.com/images/cnblogs_com/Terrylee/WindowsLiveWriter/d826ebfa84e9_BCFE/TerryLee_Silverlight2_0001_thumb.gif[/img]
Silverlight应用不能够独立运行,之后弹出的对话框中可供我们选择创建一个ASP.NET Web Site或者Web Application Project用来托管Silverlight应用程序。
[img=435,362]http://www.cnblogs.com/images/cnblogs_com/Terrylee/WindowsLiveWriter/d826ebfa84e9_BCFE/TerryLee_Silverlight2_0002_thumb.gif[/img]
这里我们选择创建一个Web Application Project,创建完成后的项目结构如下所示:
[img=347,445]http://www.cnblogs.com/images/cnblogs_com/Terrylee/WindowsLiveWriter/d826ebfa84e9_BCFE/TerryLee_Silverlight2_0003_thumb_1.gif[/img]
理解.xap文件在建立一个Silverlight应用程序后,我们什么都不做,直接编译一下整个解决方案,可以看到在资源管理器中多出了一个ClientBin的文件夹,并在下面添加了一个TerryLee.SilverlightDemo2.xap的文件。
[img=347,445]http://www.cnblogs.com/images/cnblogs_com/Terrylee/WindowsLiveWriter/d826ebfa84e9_BCFE/TerryLee_Silverlight2_0004_thumb.gif[/img]
该文件是一个标准的.NET程序集,在编译的时候所有的XAML标识和资源文件如图片等都会包含在里面,采用了标准的Zip压缩算法,以减少客户端下载的文件体积。拷贝一份该文件,并且修改后缀名.xap为.zip,并且解压缩,可以看到里面包含了一些dll文件和一个AppManifest.xaml:
[img=641,128]http://www.cnblogs.com/images/cnblogs_com/Terrylee/WindowsLiveWriter/d826ebfa84e9_BCFE/TerryLee_Silverlight2_0005_thumb_1.gif[/img]
再打开TerryLee.SilverlightDemo2TestPage.aspx文件,在页面的顶部引入了System.Web.Silverlight程序集,支持<asp:Silverlight/>控件:
<%[color=blue]@ [/color][color=#a31515]Register [/color][color=red]Assembly[/color][color=blue]="System.Web.Silverlight" [/color][color=red]Namespace[/color][color=blue]="System.Web.UI.SilverlightControls"    [/color][color=red]TagPrefix[/color][color=blue]="asp" [/color]%><asp:Silverlight/>控件的声明如下,其中属性Source属性指定了刚才编译生成的.xap文件的路径:
[color=blue]<[/color][color=#a31515]asp[/color][color=blue]:[/color][color=#a31515]Silverlight [/color][color=red]ID[/color][color=blue]="Xaml1" [/color][color=red]runat[/color][color=blue]="server"         [/color][color=red]Source[/color][color=blue]="~/ClientBin/TerryLee.SilverlightDemo2.xap"         [/color][color=red]Version[/color][color=blue]="2.0" [/color][color=red]Width[/color][color=blue]="100%" [/color][color=red]Height[/color][color=blue]="100%" />[/color]创建一个Hello Word程序现在我们创建一个简单的Hello Word Silverlight程序,使用如下XAML创建一个简单的按钮:
[img=647,280]http://www.cnblogs.com/images/cnblogs_com/Terrylee/WindowsLiveWriter/d826ebfa84e9_BCFE/TerryLee_Silverlight2_0006_thumb.gif[/img]
运行后效果如下:
[img=539,433]http://www.cnblogs.com/images/cnblogs_com/Terrylee/WindowsLiveWriter/d826ebfa84e9_BCFE/TerryLee_Silverlight2_0007_thumb.gif[/img]
为按钮添加Click事件,在XAML编辑器中输入事件名称Click之后,再按Tab键将会使用默认的命名方法生成事件处理方法:
[img=649,279]http://www.cnblogs.com/images/cnblogs_com/Terrylee/WindowsLiveWriter/d826ebfa84e9_BCFE/TerryLee_Silverlight2_0008_thumb_1.gif[/img]
打开Page.xaml.cs文件后,可以看到已经生成了对应的事件处理方法,现在就可以用熟悉的C#来编写处理程序了,如单击按钮时我们改变按钮的背景色和文字:
[color=blue]private void [/color]myButton_Click([color=blue]object [/color]sender, [color=#2b91af]RoutedEventArgs [/color]e){    [color=blue]this[/color].myButton.Content = [color=#a31515]"Clicked!"[/color];    [color=blue]this[/color].myButton.Background = [color=blue]new [/color][color=#2b91af]SolidColorBrush[/color]([color=#2b91af]Colors[/color].Red);}再运行上面的程序并单击按钮,按钮的文字及背景色发生了变化:
[img=539,433]http://www.cnblogs.com/images/cnblogs_com/Terrylee/WindowsLiveWriter/d826ebfa84e9_BCFE/TerryLee_Silverlight2_0009_thumb_1.gif[/img]
结束语本篇文章是使用Visual Studio 2008开发Silverlight 2应用程序的一个入门,相信大家都已经看过ScottGu的文章已经有所了解。但是为了整个系列完整起见,还是做了一下重复的劳动。
[color=#e58712][/color]
作者:[color=#e58712]TerryLee[/color]
出处:[color=#e58712]http://terrylee.cnblogs.com[/color]
页: [1]
查看完整版本: 一步一步学Silverlight 2系列(1):创建一个基本的Silverlight应用