Silverlight - Hello, World!

Silverlight 熱鬧好長時間了,只是我對 UI 這塊的東西沒啥感覺,所以遲遲不曾接觸。今天不知哪根筋出了問題,居然還是繞到這個東東上…… 寫個 "Hello, World!" 試試看吧,畢竟對新技術的關注也算是我的本職工作。

uploads/200708/30_124122_1.png



首先要下載安裝的東西包括:

Microsoft Visual Studio 2008 Beta2
Microsoft Silverlight Tools Alpha for Visual Studio 2008 Beta 2
Microsoft Silverlight 1.1 Alpha Software Development Kit (可選,包含文檔和演示)
Microsoft Silverlight 1.1 Alpha (用來在瀏覽器顯示 Silverlight 的插件,相當於 Flash.ocx)

1. 安裝 Silverlight 1.1 Alpha 和 Silverlight Tools。

uploads/200708/30_124130_2.png



2. 在 VS2008 中創建 Silverlight Project。

uploads/200708/30_124134_3.png



3. 創建完成以後,會在 Solution Explorer 看到如下一些文件。

uploads/200708/30_124139_4.png
  • TestPage.html : 用來顯示 Silverlight Control 的頁面。
  • TestPage.html.js : 包含用來創建 Silverlight Control 對象的 JavaScipt Function。
  • Silverlight.js : 由 TestPage.html.js 調用。
  • Page.xaml : 我們要工作的地方,感覺有點像 ASP.NET UserControl。

4. 打開 Page.xaml,加入一個 TextBlock 用來顯示 "Hello, World!"。

uploads/200708/30_124146_5.png



5. 按 F7 打開 Page.xaml.cs,加入代碼。

uploads/200708/30_124151_6.png



6. 將 TestPage.html 設爲 Start Page,按 F5 看看效果。

uploads/200708/30_124155_7.png



OK~~~ 感覺還行。不過要創建好看的界面,還得用專業點的工具 —— Microsoft Expression Blend,否則手工寫 XAML 會死人的。

uploads/200708/30_124657_8.png



------------------------

相關資源

Silverlight
Microsoft Silverlight Dev Center
Silverlight Downloads
Silverlight 1.1 Alpha
Microsoft Silverlight Tools Alpha for Visual Studio 2008 Beta 2
Microsoft Silverlight 1.1 Alpha Software Development Kit (SDK)
Micorosft Expression

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章