對于剛剛接觸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兩個文件。通過<embed>指令嵌入.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 元素的屬性。