天天看點

Windows Phone開發學習之三——建立第一個WP7項目

欲使用 Visual Studio 2010 Express for Windows Phone 建立 Windows Phone 7 應用程式,您可以啟動 Visual Studio 2010 Express for Windows Phone,執行 [File | New Project] 功能,螢幕上就會出現如圖1 的畫面,于左方視窗的 [Visual C#] 項目下可以看到 Visual Studio 2010 Express for Windows Phone 支援的兩種應用程式型态,分别是 Silverlight for Window Phone 和 XNA Game Studio 4.0。

圖1:使用 Visual Studio 2010 Express for Windows Phone 建立項目的畫面

Windows Phone開發學習之三——建立第一個WP7項目

選擇 [Visual C#] 項目下的 Silverlight for Windows Phone,于中間的視窗選擇 [Windows Phone Application] 項目型态,然後按下 [OK] 鍵,就可以建立以 Silverlight Framework 為基礎的 Windows Phone 7 應用程式,項目建立成功後您就可以看到類似圖2 的結果畫面。請注意 [Solution Explorer] 視窗中名稱為 MainPage.xaml 的檔案代表應用程式的主畫面,您可以直接從 [Toolbox] 視窗将控件拖曳到 MainPage.xaml 放置,設計應用程式的操作畫面,而編輯應用程式操作畫面的結果會反應在 MainPage.xaml 檔案的原始檔編輯畫面中,而為操作畫面上的控件撰寫事件處理程式時,程式代碼會被自動加入到 MainPage.xaml.cs 檔案中,整體的應用程式開發經驗對具備 Windows Form 應用程式開發,或是 Silverlight 應用程式開發經驗的程式設計師而言應該不陌生。

圖2:以 Silverlight Framework 為基礎的 Windows Phone 7 應用程式的項目内容

Windows Phone開發學習之三——建立第一個WP7項目

您可以利用 [Tools] 視窗提供的控件設計應用程式,利用 [Properties] 視窗設定控件的屬性,設計妥應用程式的功能之後按下 F5 功能鍵執行制作好的應用程式,Expression Blend for Windows Mobile 就會将設計好的應用程式加載到 Windows Phone 仿真器供您測試。

VS IDE(VS內建開發工具)的最左側有一欄可以自動縮放的區域,滑鼠移動最左邊的工具欄上,工具欄會自動彈出。左側第一列是設計視圖,中間是代碼視圖,右側是解決方案資料總管。下面我們先開始寫第一個WP程式,如果能調試成功,正常運作,那麼表示你這一節的内容已經掌握了。

滑鼠懸停到“工具箱“,待出現工具箱之後輕按兩下”Button“,此時設計視圖下方會出現一個白色邊框的按紐。在按紐上右鍵點選屬性選項,在IDE右側出現了屬性界面,在屬性界面中修改這個Button的ID,以及Content屬性。

ID:myButton

Content:點選我

按照同樣步驟,繼續添加TextBlock控件,修改ID為:myTextBlock,并删除Text屬性值。如圖3所示。

圖3:編輯界面元素

Windows Phone開發學習之三——建立第一個WP7項目

完成之後,按F5鍵或點選工具欄上的綠色三角形按紐,程式就可以運作了。

運作起來之後,您看到的是一個虛拟的Windows Phone手機(如圖4),專門供程式調試使用,稱之為模拟器,用來模拟真實手機。是以模拟器就好比是以訛電腦中的電腦。

圖4 運作起來後的主界面

Windows Phone開發學習之三——建立第一個WP7項目

等待幾秒鐘或者點選螢幕上方-->按紐後,會看到三個應用,其中兩個是預設内置的應用,還有個就是我們剛剛建立的應用。點選運作,就能夠看到我們剛剛設計的頁面效果(如圖5)。

圖5 我的應用程式效果

Windows Phone開發學習之三——建立第一個WP7項目

現在添加一點互動的東東。即點選”點選我“按鈕後,下面的TextBlock内顯示”Hello world“内容。

滑鼠移到圖5所示的模拟器上,會在右側看到一個豎條工具欄,點選最上面的X,退出調試狀态,回到設計視圖。輕按兩下”點選我“按紐,在myButton_Click函數内添加如下代碼:

        private void myButton_Click(object sender, RoutedEventArgs e)

        {

            myTextBlock.Text = "Hello world";

        }

再次運作程式,如果不出意外的話:),應該點選”點選我“按鈕後,下方就會出現”Hello world“。

至此,第一個Hello world程式就大功告成了。

繼續閱讀