对于刚刚接触Silverlight开发工具的朋友来说，首先要弄清的就是Silverlight应用程序架构的相关概念。我们可以先从这篇文章开始，来慢慢的解读其中的详细内容，以方便将来的熟练应用。#t#

Silverlight可以设计TimeLine与动画，主要观念是以画布（Canvas）和对象（也成为元素）的方式架构。

画布可以设置长宽与背景颜色！rectangle指令用来绘制矩形。以下一段Xaml代码：（未包含Javascript）

1. < canvas 
2. xmlns="http://schemas.microsoft.
   com/client/2007" 
3. xmlns:x=http://schemas.
   microsoft.com/winfx/2006/xaml  
4. Width="640" Height="480" 
5. Background="#ffebeef7"> 
6. < Rectangle MouseLeftuttonDown=
   "OnRctangleclick" Fill="#FF40C0C" 
   Stroke="#FF0000000" widhth="202" 
   Height="23" Canvas.Left="153" 
   Canvas.tOP="78" 
7. < Canvas> 

Silverlight应用程序架构分.xaml和xaml.js两个文件。通过指令嵌入.html页面中

< html> 
< body> 
< script type="text/javascript" 
src="ex01.xaml.js">< /script> 
< !--引入脚本--> 
< embed 
type="application/x-silverlight" 
id="SilverlightObject" 
width="600" 
height="300" 
source="ex01.xaml" /> 
< /body> 
< /html> 

这几行代码将使浏览器激活Silverlight组件，同时运行.xaml文件！

ex01.xaml.js  
function OnRectangle
Click(sender e)  
{  
alert(‘矩形被单击了’)；  
sender.widht=“30”；  
} 

1.从上面Silverlight应用程序架构例子中我们可以知道，Silverlight应用开发关键在于.xaml和.xaml.js两个文件，.xaml以XML在画面上画出矢量元素，.xaml.js通过JavaScript来控制.xaml文件中矢量元素！

2..xaml文件必须嵌套在html中才可以通过Silverlight Plug_In运行，目前您看到的是用< embed>指令。

3.每一个Silverlight应用程序架构中的元素都有一些事件可以被激发，当事件被激发可以通过JavaScript来控制Silverlight 元素的属性。