Silverlight(2)-基本介紹

2008-03-16

6404
0
Silverlight

Silverlight(2)-基本介紹

當我們建立好一個silverlight專案後，會發現有以下幾類程式：

1.Default.html 2.Default.html.js 3.Scene.xaml 4.Scene.xaml.js 5.Silverlight.js

我們的silverlight網頁主要就是由這幾部份來組成，先稍微來講一下這幾個程式，首先第一個.html，這就是我們再熟悉不過的html網頁

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>SilverlightJSApplication1</title> <script type="text/javascript" src="Silverlight.js"></script> <script type="text/javascript" src="Default.html.js"></script> <script type="text/javascript" src="Scene.xaml.js"></script> </head> <body> <div id="SilverlightPlugInHost"> <script type="text/javascript"> createSilverlight(); </script> </div> </body> </html>

在一開始先將.js檔都include進來，並在body中去call createSilverlight()這支程式，createSilverlight()就是在html.js中，它主要是要把Silverlight的物件載入進來，看一下以下這一小段

function createSilverlight() { var scene = new SilverlightJSApplication1.Scene(); Silverlight.createObjectEx({ source: 'Scene.xaml', parentElement: document.getElementById('SilverlightPlugInHost'), id: 'SilverlightPlugIn', properties: { width: '400', height: '400', . . .

上面的source，清楚的指出了Silverlight物件的來源，也就是Scene.xaml，這也就是我們的主角了，在Scene.xaml中，我們所有Silverlight物件都是放在這裡，比如之後我們用xaml code所做的各種圖形的宣告，文字，變型特效.....許多等都是放在這裡，其實xaml code不會很難，掌握重點先熟悉它的類別庫後，你就會覺得簡單嚕。還有最後這支.xaml.js，就是放Silverlight事件的，像我們專案一開始建立起來，點了那個button後，會彈出訊息視窗，就是在這裡寫的。

handleMouseUp: function(sender, eventArgs) { var mouseUpAnimation = sender.findName("mouseUp"); mouseUpAnimation.begin(); // Put clicked logic here alert("clicked"); },

當滑鼠點button放開時，便會alert("clicked");以上就是最基本的Silverlight專案的一個架構。

最近實在很忙，要搞.NET跟SAP，要兼顧公司工作，還要看新技術看書看文件，還得寫個blog，有時間還得上MSDN解問題(最近少出沒真是抱歉~_~)，時間真是不夠ㄚ，顧那個另一個就顧不到，或許那天我想開來當SOHO族，就會有充足的時間了吧!都還沒算美子水噹噹的時間下去呢!

回首頁