天天看點

siverlight學習筆記之一—初級建立“helloworld”程式

使用Silverlight 4/5和 VS 2012建立“Hello World”程式

使用vs2012建立一個新的siverlight應用程式

我們來開始我們的Digg應用的開發,先選擇Visual Studio 2012 中的檔案->新項目菜單項,使用新項目對話框建立一個“Silverlight Application” (注:你需要下載下傳和安裝 VS 2012的Silverlight工具才能得到支援)

siverlight學習筆記之一—初級建立“helloworld”程式
将該項目命名為“HelloWorld”。在點選OK按鈕後, Visual Studio 會顯示另外一個對話框,允許我們選擇我們是否隻要建立一個Silverlight應用項目,或者還要加一個伺服器端的ASP.NET Web項目到包含Silverlight應用的解決方案裡去:
siverlight學習筆記之一—初級建立“helloworld”程式
我們将選擇還要添加一個ASP.NET Web Application 項目到解決方案裡去,VS2012會自動将它命名為“HelloWorld.Web”。在點選OK之後,Visual Studio 會為我們建立一個解決方案,裡面包含一個Silverlight 用戶端應用和一個ASP.NETweb 伺服器端應用
siverlight學習筆記之一—初級建立“helloworld”程式

我們做一次編譯的話, Visual Studio 會自動把編譯好的 Silverlight 應用拷貝到我們的web伺服器項目中去,不需要手工的步驟或配置。VS為我們建立的預設的web伺服器項目包含一個ASP.NET網頁和一個靜态的 HTML網頁,我們可以用來運作和測試其中的Silverlight應用。

注: Silverlight應用可用于任何web伺服器(包括Linux上的Apache),宿主于靜态HTML檔案或者任何伺服器端生成的網頁(包括PHP, Java, Python, Ruby等等)中。在這個Digg樣例中,我們不會寫任何伺服器端的代碼,而是将使用Silverlight的跨域networking功能,來直接通路Digg服務的API。我選擇建立一個ASP.NET web伺服器項目,主要是想獲得自動的部署,并且使用它内置的web伺服器來做測試。應用自斯科特blog

現在我們的Digg應用什麼都不做,在運作它時,隻會調出一個空白的網頁。我們可以打開項目中的Page.xaml檔案來改變它,往裡面加些内容:

<Button x:Name="searchbtn" Grid.Column="2" Content="Search" Click="searchbtn_Click_1"/>
           
如下
siverlight學習筆記之一—初級建立“helloworld”程式
運作結果如下
siverlight學習筆記之一—初級建立“helloworld”程式

添加事件響應

點選按鈕"測試""

siverlight學習筆記之一—初級建立“helloworld”程式
點選“确定按鈕”
siverlight學習筆記之一—初級建立“helloworld”程式
看看有什麼不同 ,呵呵 下節可繼續說

繼續閱讀