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

概述这是经过苏鹏老师讲课的整理，以及自己学习添加的一些心得和代码，和大家分享。希望大家和我一起成长。由于SliverLight现在到了2.0版本了 3.0版本目前已经CTP了。但是这些讲座是从1.0贯穿到2.0各个版本。一. 创建一个包含silverlight的应用一个标准的Silverlight包含那些内容 • 一个Html文件 • 一个silverlight.js 文件 • 一个X

这是经过苏鹏老师讲课的整理，以及自己学习添加的一些心得和代码，和大家分享。希望大家和我一起成长。由于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文件的地址
• Createsilverlight.Js文件的内容
function createMySilverlightPlugin()
{        Silverlight.createObject( "myxaml.xaml",parentElement,"mySilverlightPlugin",
         { wIDth:'300',height:'300',
            inplaceInstallPrompt:false,
            background:'#D6D6D6',
            is@R_404_3477@:'false',framerate:'24',
            version:'1.0' },            { onError:null,onLoad:null },null); 1 }

二. 创建一个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中实现以上 *** 作

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

三. 总结总结