1. 程式人生 > >Windows Phone 開發學習筆記(二) Hello Windows Phone之不費功夫

Windows Phone 開發學習筆記(二) Hello Windows Phone之不費功夫

現在這個時代,各種技術層出不窮。很長一段時間裡,在開發程式時我首先是搜尋功能相近的例程,以它為基礎,修改實現自己的功能。可這樣只解決一時問題,一旦需要擴充套件功能或者程式出現問題,解決起來毫無頭緒。慢慢意識到基礎的重要,也想仔細讀讀書。可每部書都特別厚,字典一樣,從頭到尾讀完真有點困難,而且學到新東西不實際應用一下總覺得沒意思。因此想通過研究些小專案,結合相關書籍和文件來學習,這樣不但能對書中介紹的知識體會更深,不容易忘,還有點小成就感,有興趣繼續研究下去。當然,這樣做的缺點是不繫統。查原始碼,學習語法,研究說明文件等等,比較亂。不過適合自己的就是最好的,所以接下來就按照這個路線學習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。