1-2 Silverlight開發環境與工具說明

安裝開發環境

        在這個階段，若您需要開發Silverlight應用程式，必須要有以下這些套件，請務必『依序』安裝：

1.       Visual Studio 2010 或 Visual Web Developer 2010
(兩者均建議用英文版)

2.       Expression Blend 4英文版或中文版(建議用英文版)

3.       Silverlight 4 Tools for VS2010
(請注意，若您安裝中文版Visual Studio，請務必安裝中文版的套件，反之亦然)

4.       Silverlight 4 Toolkit下載位置：http://www.codeplex.com/Silverlight/Release/ProjectReleases.aspx

使用VS2010建立Silverlight專案

        Visual Studio 2010(或Visual Web Developer)是作為Silverlight程式開發的主要工具，當您安裝好上述所有的套件之後，會看到在 新增專案之後，看到底下的對話視窗：

        您可以透過Silverlight的專案範本，建立出一個Silverlight應用程式，當您點選之後，會看到底下的畫面：

        請在Project Type當中選擇ASP.NET Web Application Project，接著按下OK鈕，將會建立出底下的專案：

        請注意這個專案範本所建立出的是含有兩個Project(專案)的Solutions(方案)，其中包含MainPage.Xaml的是Silverlight應用程式專案，而包含Web.Config的則是測試該Silverlight應用程式所需的 ASP.NET專案。

備註：

會需要使用到ASP.NET專案的原因是，Silverlight應用程式專案畢竟是執行在瀏覽器上的應用程式，因此Silverlight會需要崁入(Host)在某個.html或.aspx網頁當中，因此開發工具幫我們建立了一個測試用的ASP.NET專案，以測試我們開發好的Silverlight應用程式。 然而，當您測試完成要佈署到正式機中使用的時候，則不一定需要ASP.NET專案，甚至只需要單純的HTML頁面就可以了，同時也不一定需要IIS，而是任何一個Web Server都可以作為Silverlight應用程式的服務器。 關於如何建立一個Silverlight專案的Step By Step操作說明，請讀者參考CodeStorage中的教學影片檔『CreateSilverlightProject』網址為：『http://codestorage.ria101.com.tw/CodeStorageRIAUser.html?CodeUid=119』。

 

使用Blend 4設計操作介面

 

        前面提到，VS2010主要的功能是作為開發Silverlight應用程式時的程式撰寫工具，因為在VS2010當中有相當方便好用的Intellisense技術和程式碼撰寫的環境，幫助我們可以輕鬆的撰寫程式，然而VS2010卻不具有設計動畫或是對Silverlight控制項進行變形操作的功能，因此我們在開發Silverlight應用程式的時候，往往需要Blend 4的配合。

        當您點選Silverlight專案當中的任何一個.xaml檔案時，可以按下滑鼠右鍵。

您會看到『Open in Expression Blend』(中文版是在Expression Blend中開啟)，按下之後系統將會自動開啟Blend。

        你會看到Blend 4的操作就面與VS2010大相逕庭，可以看得出來似乎是屬於designer的操作工具，我們在開發Silverlight的過程當中，凡屬控制項與介面的佈局、設計，動畫與變形的製作，都會在Blend當中來進行操作：

而程式碼撰寫的部分，我們則會採用VS2010來進行。