silverlight:学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项目模板

学Silverlight 2系列(1):创建<img src='/icons/81265yi.gif' />个基本<img src='/icons/81265de.gif' />Silverlight应用

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

学Silverlight 2系列(1):创建<img src='/icons/81265yi.gif' />个基本<img src='/icons/81265de.gif' />Silverlight应用

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

学Silverlight 2系列(1):创建<img src='/icons/81265yi.gif' />个基本<img src='/icons/81265de.gif' />Silverlight应用

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

学Silverlight 2系列(1):创建<img src='/icons/81265yi.gif' />个基本<img src='/icons/81265de.gif' />Silverlight应用

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

学Silverlight 2系列(1):创建<img src='/icons/81265yi.gif' />个基本<img src='/icons/81265de.gif' />Silverlight应用

  再打开TerryLee.SilverlightDemo2TestPage.aspx文件在页面顶部引入了.Web.Silverlight支持<asp:Silverlight/>Control控件:

<%@ Register Assembly=".Web.Silverlight" Namespace=".Web.UI.SilverlightControls"
  TagPrefix="asp" %>
  <asp:Silverlight/>Control控件声明如下其中属性Source属性指定了刚才编译生成.xap文件路径:

<asp:Silverlight ID="Xaml1" runat="server"
    Source="~/ClientBin/TerryLee.SilverlightDemo2.xap"
    Version="2.0" Width="100%" Height="100%" />
创建个Hello Word  现在我们创建个简单Hello Word Silverlight使用如下XAML创建个简单按钮:

学Silverlight 2系列(1):创建<img src='/icons/81265yi.gif' />个基本<img src='/icons/81265de.gif' />Silverlight应用



  运行后效果如下:

学Silverlight 2系列(1):创建<img src='/icons/81265yi.gif' />个基本<img src='/icons/81265de.gif' />Silverlight应用

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

学Silverlight 2系列(1):创建<img src='/icons/81265yi.gif' />个基本<img src='/icons/81265de.gif' />Silverlight应用

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

private void myButton_Click(object sender, RoutedEventArgs e)
{
  this.myButton.Content = "Clicked!";
  this.myButton.Background = SolidColorBrush(Colors.Red);
}
  再运行上面并单击按钮按钮文字及背景色发生了变化:

学Silverlight 2系列(1):创建<img src='/icons/81265yi.gif' />个基本<img src='/icons/81265de.gif' />Silverlight应用

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



Tags:  silverlight2 silverlight.2.0 silverlight是什么 silverlight

延伸阅读

最新评论

发表评论