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文件可以采用如下
• <script type="text/javascript"
</script>

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

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

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

1. 
   • <script type="text/javascript">
2. var parentElement = document.getElementById("mySilverlightPluginHost");
3. createMySilverlightPlugin();
   </script>

Createsilverlight.js文件的内容

1. 
   function createMySilverlightPlugin()
   {
2. 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中实现以上操作

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

三. 总结

1.