silverlight应用:Silverlight专题(1)-构建第一个Silverlight应用程序

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

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

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

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

Silverlight专题(1)-构建第<img src='/icons/21846yi.gif' />个Silverlight应用<img src='/icons/21846chengxu.gif' />

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

  我般习惯性选择后

Silverlight专题(1)-构建第<img src='/icons/21846yi.gif' />个Silverlight应用<img src='/icons/21846chengxu.gif' />

  咱们个Silverlight应用已经创建成功如下图所示

Silverlight专题(1)-构建第<img src='/icons/21846yi.gif' />个Silverlight应用<img src='/icons/21846chengxu.gif' />

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

Silverlight专题(1)-构建第<img src='/icons/21846yi.gif' />个Silverlight应用<img src='/icons/21846chengxu.gif' />

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

Silverlight专题(1)-构建第<img src='/icons/21846yi.gif' />个Silverlight应用<img src='/icons/21846chengxu.gif' />

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

  接下来修改StartUp Object

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

Silverlight专题(1)-构建第<img src='/icons/21846yi.gif' />个Silverlight应用<img src='/icons/21846chengxu.gif' />

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

Silverlight专题(1)-构建第<img src='/icons/21846yi.gif' />个Silverlight应用<img src='/icons/21846chengxu.gif' />

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

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

  添加Control控件:  添加个TextBlock到页面中如下

Silverlight专题(1)-构建第<img src='/icons/21846yi.gif' />个Silverlight应用<img src='/icons/21846chengxu.gif' />

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

  再次启动网站WebSite你将看到我们个丰富界面(虽然还是有点丑但是至少有内容了)

Silverlight专题(1)-构建第<img src='/icons/21846yi.gif' />个Silverlight应用<img src='/icons/21846chengxu.gif' />

  添加MouseLeftButtonDown事件底层控制代码如下(在HelloWorld.xaml.cs文件中):

Silverlight专题(1)-构建第<img src='/icons/21846yi.gif' />个Silverlight应用<img src='/icons/21846chengxu.gif' />

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

Silverlight专题(1)-构建第<img src='/icons/21846yi.gif' />个Silverlight应用<img src='/icons/21846chengxu.gif' />

  架设Silverlight服务器:  有了好东西大家肯定想和别人分享下

  那么如何架设支持SilverlightWeb服务器呢

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

  (具体如何做大家应该都会这里就不赘述了)

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

  (这是很重要我使用是IISApache等非微软Web服务器也能架设Silverlight)

  .xamlapplication/xaml+xml
  .xapapplication/x-Silverlight-app


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

  .manestapplication/manest
  .applicationapplication/x-ms-application
  .xbapapplication/x-ms-xbap
  .deployapplication/octet-stream
  .xpsapplication/vnd.ms-xpsdocument


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

  你已经可以创建Silverlight应用

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



Tags:  silverlight.2.0 silverlight是什么 silverlight silverlight应用

延伸阅读

最新评论

发表评论