星期五, 12月 30, 2011

[Expression Blend ] Silverlight - Hello World

PPT.cc縮圖服務

今天KT要來介紹一下,
如何使用 「Expression Blend」,來寫一個 Silverlight 的Hello World。






  • 預期效果:
PPT.cc縮圖服務









  • 詳細步驟:
1.開啟Expression Blend 
PPT.cc縮圖服務

2.檔案>新增專案
PPT.cc縮圖服務




3.選擇 「Silverlight應用程式+網站」,然後設定專案名稱與路徑,點選確定後開始使用。
(KT這邊將專案名稱取為:Hello_Silverlight,
然後設定專案存放路徑放到Silverlight Demo的夾夾裡面)  
PPT.cc縮圖服務






4.在左上角專案頁面,裡面有一個MainPage.xaml
( 可以把 MainPage.xaml 想像成是一張空白的圖畫紙,
我們可以在上面盡情揮灑無限的創意)
PPT.cc縮圖服務

5.點選左下的「LayoutRoot」後,
PPT.cc縮圖服務

可到右邊的「版面配置」裡去調整圖畫紙(版面)的大小
PPT.cc縮圖服務



6.選取TextBlock
PPT.cc縮圖服務

然後在白色畫布上,拖曳出你想要的位置與大小


PPT.cc縮圖服務

7.可在屬性頁面上,更改文字顯示效果,如:顏色、字形、大小...等
(KT這邊將字體設為藍色,大小設為72pt)

PPT.cc縮圖服務

8.調拉TextBlock到適當的大小,輸入欲顯示的字
PPT.cc縮圖服務

9.「專案」=>「執行專案」(也可以使用 F5 快速鍵執行)
PPT.cc縮圖服務

執行結果:
PPT.cc縮圖服務


  • 影片教學:
[Expression Blend ] Silverlight - Hello World (KT 台語,繁體中文教學版)


[Expression Blend ] Silverlight - Hello World (KT 國語,繁體中文教學版)





Ps.網路有很多英語教學的資源,所以KT就不在另外發行英文教學影片。



範例原始碼下載:


1 則留言 :

回覆意見時,麻煩輸入一下暱稱
(隨便取個名字也好~ ^_^)
好讓我方便回覆您的問題,
選擇「名稱/網址」輸入您的暱稱,
麻煩一下,謝謝大家。

關閉廣告 [X]