Silverlight 已經(jīng)是使用中的一個(gè)廣泛平臺(tái)，可同時(shí)針對(duì)應(yīng)用程序和單純的媒體案例建立豐富的經(jīng)驗(yàn)。Silverlight作為微軟推出與Adobe Flash抗衡的新產(chǎn)品，它的技術(shù)含量之高自然是不言而喻的。那什么是Silverlight？就讓我們一起去學(xué)習(xí)一下Silverlight吧！

　　步驟如下：

　　【第一步】什么是Silverlight

　　Microsoft Silverlight 是一種跨瀏覽器、跨平臺(tái)的 .NET Framework 實(shí)現(xiàn)，用于為 Web 生成和提供下一代媒體體驗(yàn)和豐富的交互式應(yīng)用程序 （RIA）。Silverlight 統(tǒng)一了服務(wù)器、Web 和桌面的功能，統(tǒng)一了托管代碼和動(dòng)態(tài)語(yǔ)言、聲明性編程和傳統(tǒng)編程以及 Windows Presentation Foundation （WPF） 的功能。

　　Silverlight 允許您創(chuàng)建具有以下功能的最先進(jìn)的應(yīng)用程序：

　　它是一種跨瀏覽器、跨平臺(tái)的技術(shù)。它在所有常見(jiàn)的 Web 瀏覽器中運(yùn)行，包括 Microsoft Internet Explorer、Mozilla Firefox 以及 Apple Safari 和谷歌瀏覽器，并在 Microsoft Windows 和 Apple Mac OS X 上運(yùn)行。

　　它由可在數(shù)秒內(nèi)安裝的很小的下載程序支持。

　　它對(duì)視頻和音頻進(jìn)行流處理。它將視頻品質(zhì)調(diào)整到適合各種環(huán)境：從移動(dòng)設(shè)備到桌面瀏覽器以及 720p HDTV 視頻模式。

　　它包括用戶可以直接在瀏覽器中操作（拖動(dòng)、旋轉(zhuǎn)和縮放）的足夠清晰的圖形。

　　它讀取數(shù)據(jù)并更新顯示內(nèi)容，但是不通過(guò)刷新整個(gè)頁(yè)面來(lái)打斷用戶。

　　應(yīng)用程序可以在 Web 瀏覽器中運(yùn)行；您也可以配置應(yīng)用程序，使用戶可以在自己的計(jì)算機(jī)上運(yùn)行該應(yīng)用程序（瀏覽器外）。

　　【第二步】創(chuàng)建你的第一個(gè)Silverlight程序

　　本人的電腦配置呢，是Windows7旗艦版+VS2010中文旗艦版+SQL Server2008+Silverlight4+IE9，都是現(xiàn)在的最新版，如果您發(fā)現(xiàn)和您的開(kāi)發(fā)環(huán)境或開(kāi)發(fā)流程不同時(shí)，請(qǐng)注意按照您的配置更改。

　　VS2008開(kāi)發(fā)類似于MVC或Silverlight程序，需要安裝補(bǔ)丁包，詳細(xì)配置可百度查詢，就不多啰嗦了，下面開(kāi)始咱們第一個(gè)Silverlight程序吧~~

　　【示例1】使用VS2010+Silverlight4開(kāi)發(fā)"Hello World"Silverlight程序

　　首先打開(kāi)VS2010，新建項(xiàng)目，選擇Silverlight創(chuàng)建一個(gè)Silverlight應(yīng)用程序，如下圖

　　在名稱欄里，你可以為第一個(gè)項(xiàng)目命名，這里飛茶將第一個(gè)項(xiàng)目命名為"StudySilverlight"，點(diǎn)擊確定之后，會(huì)彈出一個(gè)新對(duì)話框，允許我們選擇是否需要一個(gè)服務(wù)器端的ASP.NET Web或只要?jiǎng)?chuàng)建Silverlight應(yīng)用程序，這里我們只需要?jiǎng)?chuàng)建應(yīng)用程序的話，就把"在新網(wǎng)站中承載Silverlight應(yīng)用程序"一項(xiàng)前面的選擇給去掉就可以了~~下面還有一個(gè)下拉框讓你選擇Silverlight的版本，這里選擇目前最新的Silverlight4。

　　點(diǎn)擊"確定"之后，VS會(huì)為我們創(chuàng)建一個(gè)解決方案，里面包含Silverlight客戶端應(yīng)用，如果你選擇了要在新網(wǎng)站承載一項(xiàng)時(shí)，還會(huì)包含一個(gè)ASP.NET Web的服務(wù)器端應(yīng)用。VS界面如下圖：

　　【第一步】理解Silverlight應(yīng)用里面都有什么

　　創(chuàng)建完成之后，先不要急著寫(xiě)代碼，我們看一下"解決方案資源管理器"里面，都包含些神馬神秘的東東，只有了解了它的原理，才會(huì)更好的去開(kāi)發(fā)~~

　　在默認(rèn)情況下，一個(gè)新建的Silverlight應(yīng)用項(xiàng)目包含一個(gè)MainPage.xaml和一個(gè)App.xaml文件，App.xaml 允許您指定應(yīng)用于整個(gè)應(yīng)用程序的資源和代碼。MainPage.xaml 定義一個(gè)頁(yè)面，該頁(yè)面與網(wǎng)站中的頁(yè)面類似。MainPage.xaml.cs 是您編寫(xiě)托管代碼的代碼隱藏文件。此模型與 ASP.NET 中使用的模型類似。

　　注：MainPage和App文件在Silverlight4離線文檔中的介紹

　　MainPage 文件

　　可以使用 MainPage 類來(lái)創(chuàng)建 Silverlight 應(yīng)用程序的用戶界面。MainPage 類派生自 UserControl。可以通過(guò)使用 MainPage.xaml（對(duì)于 XAML 標(biāo)記）和 MainPage.xaml.cs 或 MainPage.xaml.vb（對(duì)于代碼隱藏）來(lái)實(shí)現(xiàn)MainPage 類。

　　App 文件

　　Silverlight 應(yīng)用程序需要使用 App 類來(lái)顯示應(yīng)用程序用戶界面。通過(guò)使用 App.xaml 和 App.xaml.cs 或 App.xaml.vb 來(lái)實(shí)現(xiàn) App 類。在創(chuàng)建應(yīng)用程序包（.xap 文件）后，由 Silverlight 插件將 App 類實(shí)例化。）

　　XAML文件是XML文本文件，可以用來(lái)以聲明的方式指定Silverlight或WPF應(yīng)用的用戶界面，XAML還可以更廣泛的用來(lái)以聲明的方式代表.NET對(duì)象。

　　在項(xiàng)目編譯時(shí)，默認(rèn)情況下，VS會(huì)把代碼和XAML標(biāo)識(shí)編譯進(jìn)一個(gè)標(biāo)準(zhǔn)的.NET程序集文件中，然后把它和任何靜態(tài)的資源（如圖片或靜態(tài)文件）包裝到硬盤上一個(gè)"*.xap"的文件中去。有關(guān)編譯的原理和內(nèi)容可參見(jiàn)微軟Silverlight4離線文檔。

　　【第二步】學(xué)習(xí)在Silverlight中添加控件和處理事件

　　如果我們此時(shí)直接運(yùn)行它的時(shí)候，只會(huì)調(diào)出一個(gè)空白的頁(yè)面。在VS直接顯示的MainPage.xaml文件代碼中，我們可以添加一些內(nèi)容，VS2010開(kāi)發(fā)界面是所見(jiàn)即所得的開(kāi)發(fā)模式，你改變代碼時(shí)，設(shè)計(jì)面板會(huì)顯示你所更改的效果，這樣也免去了經(jīng)常運(yùn)行的麻煩。首先，我們?cè)诖a中添加一個(gè)按鈕。

　　先介紹一下代碼中的內(nèi)容，"xmlns"是一系列的引用，此時(shí)先不用管，以后會(huì)介紹到用法；《Grid》允許您創(chuàng)建一個(gè)與 HTML 中的表類似的表類型布局，它的作用非常大，應(yīng)該是開(kāi)發(fā)中最常用的布局工具，此外其它的布局工具還有Canvas、StackPanel，這兩項(xiàng)后面再介紹。

　　在XAML中寫(xiě)代碼的時(shí)候，使用的是標(biāo)記代碼，類似于HTML或XML文檔，寫(xiě)了開(kāi)始標(biāo)記后必須有一個(gè)結(jié)束標(biāo)記，不然的話編譯會(huì)產(chǎn)生錯(cuò)誤，Grid中自動(dòng)生成了兩個(gè)屬性，其中"x:Name"是為Grid指定的名稱，"Background"是指背景顏色，默認(rèn)為白色"White"，這里改成銀灰色"Silver"，下面開(kāi)始在《Grid》《/Grid》中添加代碼，

　　《Grid x:Name="LayoutRoot" Background="Silver"》

　　《Button x:Name="btnOk" Content="確定" Width="100" Height="50" 》《/Button》

　　《/Grid》

　　《Button》中的屬性有"Content"，指按鈕顯示的內(nèi)容，"Width"、"Height"分別表示按鈕的寬度和高度，代碼完成后，設(shè)計(jì)面板顯示如下：

　　接著添加一個(gè)"Click"事件處理函數(shù)，在《Button》中，點(diǎn)擊空格，選擇或輸入"Click"后，VS提示我們?cè)诤笈_(tái)代碼類中需要使用的事件處理函數(shù)，這里我們還沒(méi)有寫(xiě)方法，所以選擇新事件處理，確定了名稱之后，我們只需要點(diǎn)擊回車就行，它會(huì)自動(dòng)生成以默認(rèn)命名的事件處理方法，如下圖：

　　接著，把光標(biāo)移到"btnOk_Click"上點(diǎn)擊右鍵，選擇"導(dǎo)航到事件處理程序"，進(jìn)入后臺(tái)代碼編寫(xiě)，輸入事件代碼"btnOk.Content = "Hello World";"然后，運(yùn)行程序，運(yùn)行結(jié)果如下圖：

　　點(diǎn)擊前：

　　點(diǎn)擊后：

　　【編后語(yǔ)】

　　作為第一個(gè)項(xiàng)目，難免要啰嗦一些，畢竟學(xué)習(xí)是一個(gè)循序漸進(jìn)的過(guò)程，一口吃個(gè)胖子的事情是很少的，只有掌握了這些基礎(chǔ)的知識(shí)，才會(huì)學(xué)的更深入。如果您覺(jué)得這樣太慢的話，可以直接選擇后續(xù)文檔或閱讀Silverlight4離線文檔。

　　以上也就是Silverlight的教程大全的全部?jī)?nèi)容了；有興趣的可以一起來(lái)學(xué)習(xí)一下，作為程序開(kāi)發(fā)員來(lái)說(shuō)，學(xué)習(xí)Silverlight還是非常必要的！希望能夠幫助到你們啊！