.NEt专家博客!

【李会军】一步一步学Silverlight 2系列(1):创建一个基本的Silverlight应用

上一篇 / 下一篇  2008-04-09 11:15:07 / 个人分类:经典文章

概述

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项目模板。

TerryLee_Silverlight2_0001

Silverlight应用不能够独立运行,之后弹出的对话框中可供我们选择创建一个ASP.NET Web Site或者Web Application Project用来托管Silverlight应用程序。

TerryLee_Silverlight2_0002

这里我们选择创建一个Web Application Project,创建完成后的项目结构如下所示:

TerryLee_Silverlight2_0003

理解.xap文件

在建立一个Silverlight应用程序后,我们什么都不做,直接编译一下整个解决方案,可以看到在资源管理器中多出了一个ClientBin的文件夹,并在下面添加了一个TerryLee.SilverlightDemo2.xap的文件。

TerryLee_Silverlight2_0004

该文件是一个标准的.NET程序集,在编译的时候所有的XAML标识和资源文件如图片等都会包含在里面,采用了标准的Zip压缩算法,以减少客户端下载的文件体积。拷贝一份该文件,并且修改后缀名.xap为.zip,并且解压缩,可以看到里面包含了一些dll文件和一个AppManifest.xaml:

TerryLee_Silverlight2_0005

再打开TerryLee.SilverlightDemo2TestPage.aspx文件,在页面的顶部引入了System.Web.Silverlight程序集,支持<asp:Silverlight/>控件:

<%@RegisterAssembly="System.Web.Silverlight"Namespace="System.Web.UI.SilverlightControls"TagPrefix="asp"%>

<asp:Silverlight/>控件的声明如下,其中属性Source属性指定了刚才编译生成的.xap文件的路径:

<asp:SilverlightID="Xaml1"runat="server"Source="~/ClientBin/TerryLee.SilverlightDemo2.xap"Version="2.0"Width="100%"Height="100%" />

创建一个Hello Word程序

现在我们创建一个简单的Hello Word Silverlight程序,使用如下XAML创建一个简单的按钮:

TerryLee_Silverlight2_0006

运行后效果如下:

TerryLee_Silverlight2_0007

为按钮添加Click事件,在XAML编辑器中输入事件名称Click之后,再按Tab键将会使用默认的命名方法生成事件处理方法:

TerryLee_Silverlight2_0008

打开Page.xaml.cs文件后,可以看到已经生成了对应的事件处理方法,现在就可以用熟悉的C#来编写处理程序了,如单击按钮时我们改变按钮的背景色和文字:

private voidmyButton_Click(objectsender,RoutedEventArgse)
{this.myButton.Content ="Clicked!";this.myButton.Background =newSolidColorBrush(Colors.Red);
}

再运行上面的程序并单击按钮,按钮的文字及背景色发生了变化:

TerryLee_Silverlight2_0009

结束语

本篇文章是使用Visual Studio 2008开发Silverlight 2应用程序的一个入门,相信大家都已经看过ScottGu的文章已经有所了解。但是为了整个系列完整起见,还是做了一下重复的劳动。

作者:TerryLee
rzg:b-^/a0出处:http://terrylee.cnblogs.com


TAG:

引用 删除 meixincai   /   2008-04-12 13:24:52
[url=http://www.bjzhda.com.cn]现代城[/url]
[url=http://www.bjzhda.com.cn/z.asp]珠江帝景[/url]
[url=http://www.bjzhda.com.cn/h.asp]华贸中心[/url]
[url=http://www.bjzhda.com.cn/w.asp]万达广场[/url]
[url=http://www.bjzhda.com.cn/j.asp]建外SOHO[/url]
[url=http://www.1hai.cn]上海汽车租赁[/url]
[url=http://www.yibiao.cc]液位计[/url]
[url=http://www.shsolid.com]奥运杯[/url]
[url=http://www.aoshlab.com]实验台[/url]
[url=http://www.aoshlab.com/j.htm]实验室家具[/url]
[url=http://www.aoshlab.com/syssj2.htm]通风柜[/url]
[url=http://www.aoshlab.com/gsjj.htm]实验室家具[/url]
[url=http://www.aoshlab.com/g.htm]通风柜[/url]
[url=http://www.zfgwy.com]公务员考试[/url]
[url=http://www.lllxb.com]换热器[/url]
[url=http://www.lllxb.com/l.asp]螺旋板式换热器[/url]
[url=http://www.fanyinyoga.com.cn]北京瑜伽培训[/url]
[url=http://www.fanyinyoga.com.cn/b.htm]瑜伽培训[/url]
[url=http://www.fanyinyoga.com.cn/c.htm]瑜伽教练培训[/url]
[url=http://www.fanyinyoga.com.cn/i.htm]流瑜伽[/url]
[url=http://www.shanghai66.cn/p.asp]优化排名[/url]
[url=http://www.fanyinyoga.com.cn/d.htm]阿斯汤加[/url]
[url=http://www.fanyinyoga.com.cn/e.htm]阿斯汤加教练培训[/url]
[url=http://www.fanyinyoga.com.cn/f.htm]阿斯汤嘎[/url]
[url=http://www.fanyinyoga.com.cn/h.htm]阿斯汤嘎教练培训[/url]
[url=http://www.fanyinyoga.com.cn/j.htm]流瑜伽教练培训[/url]
[url=http://www.zhumu-sh.com.cn/u.asp]上海别墅装修[/url]
[url=http://www.sifa365.com]司法考试[/url]
 

评分:0

我来说两句

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

日历

« 2008-07-24  
  12345
6789101112
13141516171819
20212223242526
2728293031  

数据统计

  • 访问量: 25805
  • 日志数: 762
  • 影音数: 7
  • 建立时间: 2008-01-04
  • 更新时间: 2008-07-24

RSS订阅

Open Toolbar