Windows Phone 開發學習筆記(二) Hello Windows Phone之不費功夫
自《The C Programming Language》開始,基本上所有的程式設計入門教程都使用Hello World作為第一個程式設計範例。麻雀雖小五臟俱全,雖然Hello World實現的功能很簡單,只是輸出一行文字,可是它還是很有內涵的,能夠幫助理解當前平臺應用程式的基本結構。既然是學習Windows Phone應用開發,那麼第一步就仿照教程建立一個Hello Windows Phone程式。
1、 新建專案
開啟Visual Studio 2010 Express,在上方的選單欄中選擇File -> New Project,彈出下圖所示的對話方塊。
選中Windows Phone Application。在Name一行中填寫專案名稱,這裡設定為HelloWindowsPhone,點選OK。在彈出的對話方塊中選擇Windows Phone OS 7.1,繼續點選OK。結果如下圖所示:
圖中左邊的一欄顯示專案包含的檔案,中間是XAML檔案的設計檢視,右邊是XAML檔案的程式碼。設計檢視模擬頁面在手機上的顯示效果,主要是為了讓人能對頁面有直觀的感受,也可以直接在設計檢視進行介面設計。
2、 新增按鈕和文字框
將滑鼠移到上圖最左邊被圈住的“工具箱”(ToolBox)上,會彈出一個視窗,包括很多控制元件。選擇Button控制元件,在page name下方的方框內繪製一個按鈕。選中按鈕,將滑鼠移到上圖最右邊被圈住的“屬性”(Properties)上,彈出如下圖所示的視窗。
最上方是Button的名稱,它的唯一標識,不能與其他控制元件重名。這裡把按鈕重新命名為ShowMessage。Content屬性是按鈕上顯示的文字,這裡改為HelloWP。除此之外,下方還有很多按鈕的屬性,可以調整一下檢視效果。注意用綠框圈起來的標識,點選它,在彈出的選單中選擇Reset Value可以將對應的屬性重置為預設值。
接著再轉到工具箱,選擇TextBlock,在按鈕下方繪製一個文字區域。參照按鈕的設定,將其名稱設定為HelloText,並重置Content屬性為預設值。頁面上方的兩個文字塊是沒什麼作用的,單擊選中,按鍵盤上的Delete鍵把它們刪除。如果鍵盤上沒有Delete鍵,可以通過選單欄的Edit -> Delete刪除。完成後,設計檢視應和下圖類似。
至此,介面設計部分完成。
3、 新增按鈕的事件響應函式
介面已經完成了,該如何實現顯示“Hello Windows Phone”的功能呢?
選中Button-ShowMessage,開啟屬性視窗,在Properties的右邊有一個選項Events,點選切換到事件選項卡。
可以看到Button能夠響應很多事件,通過名稱就能大致猜到事件的型別。這裡要處理的是點選事件。雙擊Click後的空白處,VS會生成事件響應函式,並自動跳轉到程式碼部分。函式ShowMessage_Click就是點選事件的響應函式,當點選事件發生時,系統會自動呼叫該函式。
程式現在已經能夠捕獲點選事件,那麼接下來就是控制顯示內容了。程式碼如下:private void ShowMessage_Click(object sender, RoutedEventArgs e)
{
HelloText.Text = "Hello Windows Phone";
}
通過改變TextBlock-HelloText的Text屬性,控制顯示內容。好,Hello Windows Phone編寫完成,按F5鍵開始除錯,VS自動執行模擬器。下圖是點選按鈕前後的效果:
至此,Hello Windows Phone開發完成,下圖依然是個小總結。
在開發Hello Windows Phone時,設計介面像畫圖,程式碼也只輸入了一行,很簡單。可是,看似尋常最奇崛,成如容易卻艱辛。框架讓我們的開發更簡單,那它自己肯定不簡單。正好Hello Windows Phone程式小,沒有其他功能干擾,方便理解框架的基本結構。接下來就好好研究下Hello Windows Phone。