SilverLight 系列第一讲:建立你的第一个Silverlight应用

   这是经过苏鹏老师讲课的整理，以及自己学习添加的一些心得和代码，和大家分享。希望大家和我一起成长。由于SliverLight现在到了2.0版本了 3.0版本目前已经CTP了。但是这些讲座是从1.0贯穿到2.0各个版本。

一.  创建一个包含silverlight的应用

 

一个标准的Silverlight包含那些内容

• 一个Html文件
• 一个silverlight.js 文件
• 一个XAML文件
• 一个Js文件用于支持Html文件

在开始之前

• 需要首先为浏览器下载一个Plugin插件，用
于为浏览器支持silverlight的内容
• 需要一个用于显示基本silverlight的html控
件
• http://msdn2.microsoft.com/enus/
asp.net/bb187452.aspx

引入silverlight.js的内容

• 可以在silverlight sdk中获取这个工具
• 该js文件可以保证silverlight可以在各种浏览
器平台下被打开
• 引用该js文件可以采用如下
• src="Silverlight.js">

引入用于加载xaml文件的js文件

• 建立一个名为createsilverlight.js的文件并用 于显示silverlight的内容
• 文件用于在页面中显示xaml的内容
• 在html页面中加入相应的div
• < ="mySilverlightPluginHost">

在页面中加入引述js文件的地址

1. 
   •

Createsilverlight.js文件的内容

1. 
   function createMySilverlightPlugin()
   {
1.        Silverlight.createObject( "myxaml.xaml",parentElement,"mySilverlightPlugin",
            { width:'300',height:'300',
               inplaceInstallPrompt:false,
               background:'#D6D6D6',
               iswindowless:'false',framerate:'24', 
               version:'1.0' },
2.            { onError:null,onLoad:null },null); 1
3. }

 

二. 创建一个xaml页面

创建你的silverlight内容页

下面就可以开始做一个XAML文件，并把它
用来呈现一个silverlight服务了

一个XAML的内容

• 创建一个Canves
• 加入名字空间引用
• 绘制一些内容，并浏览

引用名字空间

xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

绘制图形

• • Height="200" Width="200"
• stroke="Black" strokeThickness="10"
Fill="SlateBlue" />
• 这里绘制了一个圆形

DEMO

• 在vs2008中实现以上操作

由于 苏鹏老师的虚拟机发生问题，导致我也没有看到 %>_<%

三. 总结