塞伯坦

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

如果你已经配置好了你的开发环境,如果没有你可以参考 Silverlight 全系列 - 开始

简 要

1.我会在这里将同一个例子用两个开发环境完成:Vs2008 和 Microfot Expression Blend 3。

2.解释一个典型的Silverlight项目的文件结构和构成。

3.简单解释一个Silverlight项目如何运行的。

4.完成HellowWorld Application。

5.MainPage.xaml 和 MailPage.xaml.cs关系。

Microsft Expression Blend 3 :是一个华丽的可视化的开发环境,主要利用它来做界面布局和美工相关的工作,当然其实它的功能远远不止这一点点。

开始使用vs2008建立HelloWorld

1.开启Vs2008新建一个项目:文件>>新建项目.

2. 在“新建项目”对话框中选择:C# >> Silverlight Application. 为项目取名为:Helloworld

SilverlightSerial_Hellowworld_CreateNewProject

3.点击确定,然后可以看见如下的对话框:

SilverlightSerial_Hellowworld_CreateNewProject_TwoStep

因为Silverlight需要本质上运行在一个插件环境中,所以它需要一个宿主来承载它。这个界面就是在询问你是否需要同时建立一个Web Application来承载Silverlight Application。当然如果你只是独立的开发Silverlight Application那么也可以不用将Host the Silverlight Application in a new Web site前的勾勾去掉。如果是这样,那么你的Silverlight Application会在你需要调试的时候帮你生成一个html的用于测试的页面来承载你的Silverlight.

程序文件结构

如果你直接点击“OK”(确定)就得到如下的显示的内容:

SilverlightSerial_Hellowworld_CreateNewProject_Solution 

  一旦你完成,你就可以Solution里面的为你创建的文件结构。有必要做一个简单的介绍,一般了解Silverlight开发环境都有些什么构成

首先你会看见一个HelloWorld project. 这是一个“Silverlight Application” 类型的项目。Silverlight 无法使用传统的.net framework平台的类库,它有属于自己的开发平台。

 

  在Silverlight Application 项目中,你可以看见被我标识的A,B.其中:

 A:是必要的,当Silverlight被启动是首先会执行这个它。它是继承Application类而来的一个特定的App对象,主要帮你完成应用程序的初始化的工作和启动应用程序,就是我们知道“程序入口”。

 B:默认情况下,你会看见一个MainPage.xaml 和 mainPage.xaml.cs文件,它是继承UserControl类而来的。默认情况下App会载入这个界面。

然后是另一个项目位于Silverlight Application 项目的下面。那是一个传统的Web Application的项目。在这个项目下我标识了C。

C:是自动产生并用于承载Silverlight应用程序的,你可以设置任意其中的一个为起始页面。

ClientBin: 你还可以看见一个ClientBin文件夹,Silverlight生成的下载程序包(.xap)就保存在这里。一旦你将项目生成你将在里面看到Helloworld.xap程序包。

文件结构就解释到这里。

程序运行原理

1.一旦你完成了Silverlight程序,它会生成一个.xap程序包并把这个文件包放入到ClientBin文件下。但在复杂的情况下,你不仅可以看到.xap程序包,还会看到一些.zip的压缩文件也反正这里。这些文件包和压缩包将被下载到客户端。

2.当用户请求承载Silverlight的页面如HelloworldTest.aspx页面的时候,程序包首先会被下载。

3.一旦程序包下载完成,Silverlight的运行时会加载Silverlight应用程序到应用程序域中。

4.然后,App.cs会先执行,它会加载Mainpage.xaml并将其显示出来。

应用程序域:也许很多人对这个概念不是很熟悉,你可以暂时认为它是一个专门运行程序的特定区域。就像人只能生活在地球上一样,但如果你想到月球去也可以,请穿上太空服。这里的应用程序域有点类似于太空服。

完成Helloworld Application

1.我们打开Mainpage.xaml文件:

MainPage.xaml


 

我们先添加:

<Grid.RowDefinitions>
   <RowDefinition Height="Auto"/>
   <RowDefinition Height="Auto"/>
</Grid.RowDefinitions>

我们可以忽略Grid的用法,Grid类似我们使用的<Table>标签。以上代码的表示我们我把Grid分割成两行.
然后我们添加:
<TextBlock x:Name="txtcontent" Text="" Width="150" Height="48" FontSize="48" Grid.Row="0"/>
<Button x:Name="btnShow" Content="Show Hello World" Click="btnShow_Click" Grid.Row="1"/>

TextBlock等同于我们在asp.net中用的Label.button就不用说了吧,其中Grid.row的设置表示我要把相应的控件放置在哪一行中。
在Button中我们设置
Content : 它相当于原来Button的Text.
Click:         通过它挂接事件处理程序btnShow_Click,这个程序将在另一个文件中可以看见(MainPage.xaml.cs)
 
以下是MainPage.xaml.cs
 
posted on 2010-01-21 15:55  蔡鹏  阅读(1343)  评论(2编辑  收藏  举报