用Windows 8開發第一個Windows市集應用

用Windows 8開發第一個Windows市集應用

本節將以一個簡單的Windows市集應用作為本書的第一個樣本，來說明Windows市集應用的基本開發步驟。雖然這個樣本很簡單，但可以協助讀者對Windows市集應用開發建立初步的認識，並為接下來要學習到的知識做好準備。

1　開發技術選擇

目前Windows市集應用的開發可以採用.NET（Visual C#、Visual Basic）、JavaScript、Visual C++三種技術方式實現。其中.NET技術是當下最流行的開發技術，在此之前的Silverlight、WPF和Windows Phone都對.NET開發技術提供主要支援，也就是說之前曾對.NET技術有瞭解的開發人員可以基於原有的知識較快地轉移到Windows市集應用開發當中來；JavaScript是Web前端開發的“旗幟”，所有從事Web應用開發的開發人員都對JavaScript很瞭解，所以JavaScript開發技術比較適合之前熟悉網頁設計的開發人員使用；而Visual
C++這種開發技術則在DirectX編程、硬體裝置編程等方面具有比較強的優勢，當然也適合之前熟悉Visual C++開發技術的開發人員選用。

雖然這幾種開發方式各有優缺點，但是無論使用哪一種開發技術都是可以最終滿足應用開發需求的。通過為Windows市集應用支援多種開發技術的好處是可以讓更多的開發人員加入進來，使用自己熟悉的開發技術快速開發Windows市集應用。

考慮到.NET技術使用的廣泛性和開發的高效性，本書將主要以.NET開發技術中使用最為廣泛的XAML + Visual C# 技術組合進行講解，在本書的末尾還會通過兩章的篇幅深入淺出地為讀者介紹Windows市集應用的另外兩種開發方式：JavaScript和Visual C++。

2　建立一個Windows市集應用

首先啟動Visual Studio 2012整合開發工具，開啟[檔案] 功能表，選擇其中的“建立項目”功能表項目後會彈出“建立項目”視窗，2-22所示。在“建立項目”視窗左側的Visual C#模板分類中選擇“Windows市集”，並在視窗中間的項目模板列表中選擇“空白應用程式（XAML）”項目模板，然後在視窗下方的“名稱”文字框中輸入項目命名“FirstApp”，點選“位置”文字框後面的“瀏覽”按鈕為項目選擇儲存路徑，直接選取完成後點擊“建立項目”視窗右下角的“確定”按鈕完成項目建立。

圖2-22　建立Windows市集應用項目

完成項目的建立之後，接下來在“方案總管”視窗中雙擊開啟項目模板預設建立的MainPage.xaml檔案，該檔案是應用程式預設的首頁面，其中包括用於描述介面設計的XAML代碼。Visual Studio 2012會自動使用設計器開啟此檔案，開啟設計器後，工具箱中的控制項將被啟用，這樣就可以從工具箱中選擇需要的控制項並直接拖放到設計器中，進行應用程式的介面設計。

首先從工具箱中拖動一個TextBlock控制項到設計器，在屬性面板中設定其名稱為“MesgTextBlock”，字型大小屬性為72，再用滑鼠將其拖動到螢幕的中間位置。

從工具箱中再拖動一個Button控制項到設計器，在屬性面板中設定其名稱為“ShowTextButton”，字型大小為36，高度設定為100，寬度設定為200，內容設定為“顯示文本”，點擊屬性面板右上方的“閃電”表徵圖，切換到事件面板。在事件面板中找到Click事件，雙擊事件後面的文字框，為按鈕的單擊事件添加名為“ShowTextButton_Click”的事件處理方法，最後用滑鼠在設計器中將其拖動到TextBlock控制項的下方。

完成以上操作後，在MainPage.xaml檔案的Grid元素中的代碼如下所示：

<TextBlock x:Name="MesgTextBlock" Margin="380,274,0,0" HorizontalAlignment="Left" FontSize="72" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top"/><Button x:Name="ShowTextButton" Click="ShowTextButton_Click" Margin="592,388,0,0" FontSize="36"
Height="100" Width="200" Content="顯示文本" HorizontalAlignment="Left"  VerticalAlignment="Top"/>

完成首頁面的介面設計之後，下面來為介面中的Button控制項的單擊事件處理方法編寫代碼。在“方案總管”當中雙擊開啟項目的MainPage.xaml.cs檔案，該檔案是首頁面MainPage.xaml對應的後台功能代碼檔案，Visual Studio 2012會自動使用代碼編輯器視窗載入此檔案。在檔案代碼中找到之前為Button按鈕添加的單擊事件處理方法ShowTextButton_Click，在其中加入一行用於在介面上的TextBlock控制項中顯示“你好，Windows 8！”文字的代碼。

填寫完成後的ShowTextButton_Click方法代碼如下所示：

// ShowTextButton按鈕的單擊事件處理方法
private void ShowTextButton_Click(object sender, RoutedEventArgs e)
{
    //為文字區塊賦值
    MesgTextBlock.Text = "你好，Windows 8！";
}

至此我們就完成了第一個Windows市集應用的設計與開發工作，接下來看一下應用程式的運行與調試。

3　本機電腦調試

在Visual Studio 2012中，Windows市集應用常用的調試運行方法有兩種：一種是直接在本機電腦上調試運行，另一種是使用模擬器運行。在預設情況下Visual Studio 2012會在本機電腦上直接運行調試，在“調試”菜單下選擇“啟動調試”功能表項目，或者直接按下鍵盤上的F5鍵，就可以啟動運行並調試項目了。

程式啟動後，在應用介面上單擊“顯示文本”按鈕，可以看到在按鈕上方的文字區塊位置會顯示“你好，Windows 8！”這段文字，2-23所示。

圖2-23  直接在本機電腦上調試運行項目

4　模擬器調試

由於Windows市集應用主要是針對可觸控的平板裝置而設計的，因此對於沒有平板裝置的開發人員而言，使用模擬器可以協助類比應用程式在真實平板裝置上的運行效果。

2-24所示，在Visual Studio 2012正上方的工具列中點擊“啟動調試”按鈕旁邊的小箭頭，展開“目標裝置”列表，在列表中選擇“模擬器”清單項目，即可將項目的運行目標裝置設定為模擬器。

圖2-24  更改調試選項為“模擬器”

啟動調試後，可以在模擬器中看到與本機電腦相同的運行效果，2-25所示。

模擬器在第一次啟動時會需要較長的啟動時間，根據電腦的配置不同所需時間也有所不同。在第一次啟動完成後可以先暫時不要關閉模擬器，這樣再次偵錯工具時就不需要再次重新啟動模擬器，即可將應用程式部署到模擬器上運行。

圖2-25　使用模擬器調試運行項目

從圖2-25中可以看到，在模擬器的右側有一些可操作的按鈕選項，這些選項可以協助我們調試項目，常用的選項如下：

• 滑鼠模式，使用滑鼠進行互動，包括單擊、雙擊、拖動等滑鼠手勢。
• 觸摸模擬模式，可以用滑鼠來類比手指的觸控手勢，這些觸控手勢包括點擊、拖動和滑動等。
• 縮小/放大觸摸模擬模式，可以用滑鼠來類比兩個手指的縮小、放大手勢。
• 旋轉觸摸模擬模式，可以用滑鼠來類比兩個手指的旋轉手勢。
• 模擬器順時針旋轉90度。
• 模擬器逆時針旋轉90度。
• 改變模擬器螢幕尺寸及解析度。設定定位，可以類比裝置當前的地理定位資訊。
• 捕獲，可以捕獲模擬器中的應用，並且將放在剪貼簿裡。
• 設定，可以設定的位置、方式等具體操作。

此外，在模擬器的底部有一個按鈕，它與真實裝置上的硬體按鈕的作用一樣，可以實現當前操作頁面與開始屏之間的快速切換。需要指出的是，模擬器也支援真實裝置上的動畫轉場效果，雖然在模擬器中不能進行即時導航、即時攝像、即時拍照等需要真實硬體支援的程式調試，但是也可以通過類比的方式進行，這會在後面的章節中陸續提到。

需要注意的是，模擬器雖然可以類比運行調試Windows市集應用，但還是無法完全達到真實裝置的體驗和效果，特別是目前版本的模擬器經過測試後發現對部分感應器無法進行類比，所以對於專業開發人員而言，在應用發布之前，最好使用硬體裝置對應用進行全面測試，以確保應用可以達到預期的效果。在下一節當中將向讀者講述如何使用遠調試的方式將應用程式部署到真實裝置上調試和運行。

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

本文節選自《Windows 8應用開發權威指南》，作者：馮瑞濤&閆妍。

《Windows 8應用開發權威指南》技術內容涵蓋了Visual C#、JavaScript和Visual C++開發語言，以滿足不同讀者群體的需求。為方便讀者學習，書中在講解技術重點的同時輔以完整的樣本示範，使讀者能夠更快地將所學知識運用到實踐開發當中，最後還針對不同的開發語言精心設計了3個綜合性案例，可操作性極強。全書共分21章：第1～2章首先介紹了Windows 8系統的特點、Windows市集應用的設計風格和思想以及Windows市集應用的特徵，然後詳細介紹了開發Windows市集應用所需的開發工具及其使用方法，之後還介紹了開發人員帳號的註冊、開發環境的搭建、遠端偵錯以及應用程式的發布；第3章詳細講解了適用於Windows市集應用開發的XAML文法基礎；第4～18章則系統講解了使用Visual
C#語言開發Windows市集應用的相關技術，包括應用控制項、介面布局與導航、資料繫結、推播通知、圖形與畫刷、多媒體、動畫效果、多線程與背景工作、感應器、檔案與資料存放區、網路通訊、生命週期管理、地圖應用、外部裝置、全球化等；第19～20章分別講解了使用JavaScript和Visual C++兩種語言進行Windows市集應用開發時所使用的重要技術；第21章結合前面章節所介紹的技術知識完整地實現一個真實的Windows市集應用案例。

豆瓣網址：http://book.douban.com/subject/21327962/

樣章試讀：http://vdisk.weibo.com/s/paCcV/1359689652

作者簡介：

馮瑞濤，在北京生活的8年時間裡一直從事軟體研發及專案管理工作，對Windows系統相關的開發技術有著濃厚的興趣，特別是對移動互連網及伺服器相關的技術，並為微軟強大且易用的開發工具和伺服器軟體而著迷，業餘時間喜歡與社區的夥伴們分享和交流技術心得。微博：@馮瑞濤TerryFeng，Twitter:@fengruitao

閆妍，軟體開發工程師，專註於移動互連網和雲端運算，對移動終端裝置應用的介面設計及自動化測試有深入研究，熟悉Windows Phone、Android、iOS平台應用開發技術。微博：@閆妍Yanyan， Twitter:@finehappy