[Silverlight] 新手學Silverlight 4 (1) - 瞭解專案架構

[Silverlight] 新手學Silverlight 4 (1) - 瞭解專案架構

新手指的是我自己

雖然昨天上課上的是Silverlight 5,但老師一開始卻從Silverlight 4版本的專案開始教

也不知道未來會不會真正教到Silverlight 5的部份…

 

 

以下開始上課筆記(此系列文章看看能不能在10篇以內幫助ASP.net WebForm開發人員快速上手Silverlight)

環境準備

作業系統:Windows 7

瀏覽器:IE9

使用軟體:Visual Studio 2010、Expression Studio裡的Blend 4和Encoder 4 (聽說在Visual Studio下一個版本11,安裝起來後Blend就會附上去)

安裝:Silverlight 4 Toolkit (要開發哪個版本Silverlight就安裝該版本的Toolkit,否則可能出現此篇討論的問題:找不到參考的元件 'System.Windows.Controls.Data.DataForm.Toolkit'。)

打開Visual Studo 2010>檔案>新增>專案

image

 

 

「ASP.NET Web應用程式專案」和「ASP.NET MVC Web專案」搭配Silverlight版本4或5

才能使用WCF RIA服務(WCF RIA Service,以前稱作ADO.net Data Service)

image

之後在Visual Studio 2010右方的方案總管可以看到

image

image

image

 

再來按下Ctrl+Shift+B(之後會很常用到),建置方案(Build全部專案)

會發現Web Application的ClientBin資料夾底下多一個 .xap檔

image

每次Silverlight專案有做修改,要執行察看結果時,都要先做Ctrl+Shift+B鍵建置方案

就好比Flash,Silverligth通常依附在網頁上執行

所以會看到Web Application專案有兩個測試網頁:.aspx、.html

image

個人習慣使用.html來執行(右鍵=>在瀏覽器中檢視)

image

網頁最後輸出內容一切以html程式碼為準

打開.html測試網頁

紅框處就是網頁載入Silverlight的代碼

image

(和Flash一樣都是使用object元素,不同的是param的參數)

 

 

 

 

 

自問自答:

Q:在新增專案時我忘了勾選「啟用WCF RIA服務」的話,有什麼方法可以在現有專案啟用它呢?

A:對著Silverlight專案右鍵>屬性

image

即可

 

 

 

 

 

 

 

下一篇