作業系統及SDK

作業系統

如果打算開發Windows App，那麼你的電腦就不能再用老舊的Windows 7了。推薦使用Windows 8.1。寫這篇部落格的時候，我用的作業系統是Windows 10 Pro Technical Preview [Build 10041].

作業系統除了在官網下載之外，還可以在DreamSpark等地方下載。DreamSpark上除了Office其他微軟作業系統、開發工具及其他軟體對學生均免費開放。

另外再推薦一個網站：MSDN i tell you

Visual Studio

Visual Studio 系列作為最強大的開發工具，學習Windows App開發自然也是少不了的。Visual Studio 也可以上面的MSDN i tell you下載。

另外由於這個部落格系列主要方向是Windows App（以往稱為Universal Windows App，簡稱UWA），所以我用的SDK依然是預覽版——Visual Studio 2015 Preview [CTP 6]。

安裝疑難

安裝Visual Studio 2013/2015 出現藍屏時，將網路卡驅動解除安裝掉重新安裝即可，這種情況尤其出現在Visual Studio 2013早先版本以及用校園電信網的情況下。

大家如果遇到什麼問題，歡迎留言。

瞭解Windows App

C#

C#是微軟主推的程式語言，也是Windows App最合適的開發語言，因此這個系列的博文統一用C#來講解。下面來簡要講解相關的框架。

開發Windows App，可以用Windows XAML（C#、C++和VB）、WinJS（HTML＋JavaScript）、DirectX（C++）。而Silverlight（C#和VB）是WP所獨有的。

XAML

Extensible Application Markup Language（簡稱XAML，發音為Zamel）是WPF的一部分，其語法類似於HTML，它們都是“標記語言”。我是先學的XAML後學的HTML，一開始還很喜歡這種語言——它沒有一大堆的“；”。XAML本質上屬於一種.NET程式語言，屬於公共語言執行時（Common Language Runtime，簡稱CLR）。

看到很多的教程等上都在一開始便講解了xmlns等名稱空間，我覺得這樣不太合適，畢竟現在根本用不到，因此也記不住，等到需要的時候自然會印象深刻。

通用應用

其實我覺得“通用應用“這個名字顯然更加合適，更加側重”通用“的特點。其能夠在所有的Windows平臺上執行，不僅僅是PC、平板、手機，甚至還有Xbox。能夠在多個平臺共享大部分的程式碼，使其能夠一次開發，在多平臺執行。

我很看好這個策略，但最近一直有各種新聞說Windows 10可能要相容安卓應用，真心不希望微軟這樣做，最起碼安卓和Win8乃至Win10的設計風格都不搭邊。

動手建立第一個應用

新建工程

如果不是裝的固態那麼安裝的過程會是非常漫長的，請大家耐心等待。裝好之後搓搓手就可以開工啦。

Ctrl+Shift+N直接撥出新建專案視窗。

新建完成後再解決方案管理器中會是如下樣式：

如果沒有顯示出解決方案管理器，可以按Ctrl+W,S。或者也可以在最上面的工具欄中點選檢視（View）。在Solution ‘WindowsApp1’上右鍵可以繼續再建立第二個專案。

如圖中所示，共有3個部分：
1）WindowsApp1.Windows (Windows 8.1)
2）WindowsApp1.WindowsPhone (Windows Phone 8.1)
顯然這兩個分別是Windows應用中的Windows 8.1 和Windows Phone 8.1部分。其下又有：
Properties：應用相關的一些版本號等。
References：引用，主要是用來引用第三方的東東，比如廣告啦。
Assets：可以將App所用到的素材資源等放在這個資料夾中。
MainPage.xaml：XAML程式碼就是在這裡寫的哦，C#程式碼需要在點選MainPage.xaml左邊的三角形後出現的MainPage.xaml.cs檔案中寫。
Package.appxmanifest：應用包的一些清單，後面用到的時候再細講啦。
剩下一個就是相關的證照了。
3）WindowsApp1.Shared
這個就是Windows App（通用應用）的精髓啦，比如可以把類、資原始檔等放在這裡啦。

除錯程式

在這裡可以設定除錯Windows 8.1應用還是Windows Phone 8.1應用。

在這裡可以選擇在本機除錯或者虛擬機器中除錯。

動手操作

在MainPage.xaml中寫下以下程式碼：

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <TextBlock Name="tblock" Text="" FontSize="50" Foreground="Red"  Margin="173,78,940,498"/>    
    <Button Name="btn" Content="顯示名字" Click="btn_Click" Width="155" FontSize="25" Height="90" Margin="170,286,0,392"/>  
</Grid>

只用到了兩個TextBlock和Button兩個控制元件，其中的屬性：
Name：控制元件的名字
Text：TextBlock控制元件顯示的文字
FontSize：字型
Width和Height：寬和高
Margin：邊距，具體用法在後面的部落格中會有介紹
Content：內容，此時會顯示在Button控制元件上
Foreground：字型顏色

還有一個事件：
Click：點選事件

用滑鼠雙擊btn_Click後按F12可以快速在C#檔案中生成相應的函式。

然後本地計算機或虛擬機器上除錯就可以啦。

Visual Studio 小技巧

行號

能夠看到自己寫了多少行程式碼，無疑會讓自己更加有成就感。
點選工具欄上的”工具（Tools）“，然後再點選”選項（Options）“，點開”文字編輯器（Text Editor）“，選擇”所有語言（All Language）”，勾上行號即可。

快捷鍵

自動對齊：Ctrl+K，Ctrl+F
註釋程式碼：Ctrl+E，Ctrl+C
（或：Ctrl+K，Ctrl+C）
清除程式碼註釋：Ctrl+E，Ctrl+U
（或：Ctrl+K，Ctrl+U）

檢視

1）學習開發時，檢視中的“物件瀏覽器”是非常有用的。
2）可以將工具箱中的控制元件直接拉入MainPage.xaml的設計器中。這也就是傳說中的“所見即所得”。
3）屬性，點選一個空間後點選屬性檢視，可以設定其的屬性和事件。

設計器

將滑鼠指標放到設計器中，按住Ctrl鍵，然後用滑鼠滾輪滑動即可放大或縮小中的檢視。

滑鼠滾輪前後滾動時，設計器中的視窗會上下移動，如果按住Shift則會左右移動。

同樣也是將滑鼠指標放到設計器中，安裝Space（也就是空格）鍵，指標會變成一個小手，這時可以移動設計器。

好啦，這篇部落格到這裡就結束啦，感謝大家的支援。我斷斷續續的學了Win8和WP8的開發有幾個月了，不過不夠系統，打算藉此機會來系統的學習一遍，也希望更多朋友投入到Windows 10的世界中來。

---

---

感謝您的訪問，希望對您有所幫助。

歡迎大家關注或收藏、評論或點贊。

---

為使本文得到斧正和提問，轉載請註明出處：
http://blog.csdn.net/nomasp

---