Silverlight专题（1）-构建第一个Silverlight应用程序

概述：

本系列文章的原型源自实际的项目。使用Silverlight 2 Beta2，底层语言使用C#。希望对大家的Silverlight 2的入门有所帮助。

 

本文为本专题的第一篇文章，为了文章的完整系统性，将做一下重复性工作，创建第一个Hello World Silverlight Demo

创建项目：

 安装完引言提到的所有工具后，启动VS2008并选择创建新项目（快捷键CTRL+SHIFT+N），选择Silverlight Tab

 将可以看到两个模板，选择Silverlight Application模板：

接下来就是添加下托管Silverlight Application的Asp.Net Web Site或者Web Application Project

我一般习惯性的选择后一项

咱们的第一个Silverlight应用程序已经创建成功，如下图所示

 

在这里我对默认设置做点修改，修改默认的名字空间如下（需要右键选择HelloWorldDemo Project，不是HelloWorldDemo Solution，并选择Properties）：

保存后删除默认的Page.xaml文件，并添加一个新的Silverlight User Control，如下

 

 

并修改App.xaml以及App.xaml.cs文件的名字空间为上面设置的名字空间

接下来修改StartUp Object

还是进入设置页面，修改如下图所示：

最后修改App.xaml.cs中的默认启动的RootVisual（由于我已经将Page.xaml删除，所以现在已经没有Page这个对象了，替换成创建的HelloWorld对象）

现在你可以按CTRL+F5启动网站了，但是你将只看到一片空白，这是因为默认的加入的是一个背景为白色的Grid

需要你添加控件到Grid中来丰富页面

添加控件：

添加一个TextBlock到页面中，如下

上面我对TextBlock设置了字体大小，并将其在Grid中的位置设置为居中，另外我添加MouseLeftButtonDown事件（也就是鼠标左键按下的动作）

再次启动网站你将看到我们的第一个丰富的界面（虽然还是有点丑，但是至少有内容了）

添加MouseLeftButtonDown事件的底层控制代码如下（在HelloWorld.xaml.cs文件中）：

再次重新启动网站，左键点击Hello World那块区域，上面的字将替换成Silverlight, Superb, 如下

架设Silverlight服务器：

有了好东西，大家肯定想和别人分享下

那么如何架设支持Silverlight的Web服务器呢

首先你还是按照添加经典Asp.Net网站来添加当前的Silverlight网站

（具体如何做大家应该都会，这里就不赘述了）

接下需要给当前的网站添加如下MIME Types

（这是很重要的一步，我使用的是IIS，Apache等非微软的Web服务器也能架设Silverlight）

　　.xaml application/xaml+xml
　　.xap application/x-Silverlight-app

如果要支持WPF和Clickonce应用程序，需要添加如下MIME Types

　　.manifest application/manifest
　　.application application/x-ms-application
　　.xbap application/x-ms-xbap
　　.deploy application/octet-stream
　　.xps application/vnd.ms-xpsdocument

到这里咱们的第一步就大功搞成了

你已经可以创建Silverlight应用程序

将架设了一个可供别人访问的Silverlight Enable网站