天天看點

Windows App開發之開發準備作業系統及SDKWindows App簡介動手建立第一個應用Visual Studio使用小技巧

顯而易見,想要開發windows app就得在windows 8/8.1/10上進行,老舊的windows xp/vista/7已經不能滿足時代的需要了。當然,在windows app的發展過程中,其本身也有着較大的變動,為了使用新的特性,建議使用windows 10。我在寫這個教程時,windows 10正式版并未面世,是以暫時未介紹windows 10上的新特性,随後會繼續更新,歡迎您的繼續關注。

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

visual studio系列作為地球上最強大的ide,學習windows app開發自然也是少不了的。

另外由于這個部落格系列主要方向是windows app(以往稱為universal windows app,簡稱uwa),是以我用的sdk依然是預覽版——visual studio 2015 preview [ctp 6]。

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

大家如果遇到什麼問題,找到或未找到解決方案時都可以郵件給我,我将更新到此處。我的郵箱是[email protected]

c#是微軟主推的程式設計語言,也是windows app最合适的開發語言,是以本教程統一用c#來講解。

開發windows app,可以用windows xaml(c#、c++和vb)、winjs(html+javascript)、directx(c++)等組合。而silverlight(c#和vb)是wp所獨有的,silverlight已經基本被淘汰,建議大家用c#+xaml來進行開發,在遊戲開發和圖像處理方面,c++則更有優勢。

extensible application markup language(簡稱xaml,發音為zamel)是wpf的一部分,其文法類似于html,它們都是“标記語言”。我是先學的xaml後學的html,一開始還很喜歡這種語言——它沒有一大堆的“;”。xaml本質上屬于一種.net程式設計語言,屬于公共語言運作時(common language runtime,簡稱clr)。

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

其實我覺得“通用應用“這個名字顯然更加合适,更加側重”通用“的特點。其能夠在所有的windows平台上運作,不僅僅是pc、平闆、手機,甚至還有xbox。能夠在多個平台共享大部分的代碼,使其能夠一次開發,在多平台運作。

雖然跨平台大家都在做,但通用應用這個概念我還是挺看好的。此前一直有windows 10要相容安卓應用的傳聞,在微軟2015 build大會上,微軟宣布的則是通過将安卓應用極為友善快速地移植到windows平台,雖然這樣一來由于應用設計風格的巨大差異會特色漸消。此外windows 10的免費更新計劃是否能通過桌面版帶動移動版的發展,讓我們拭目以待吧。

Windows App開發之開發準備作業系統及SDKWindows App簡介動手建立第一個應用Visual Studio使用小技巧

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

ctrl+shift+n直接呼出建立項目視窗。

Windows App開發之開發準備作業系統及SDKWindows App簡介動手建立第一個應用Visual Studio使用小技巧

建立完成後再解決方案管理器中會是如下界面:

Windows App開發之開發準備作業系統及SDKWindows App簡介動手建立第一個應用Visual Studio使用小技巧

如果沒有顯示出解決方案管理器,可以按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 App開發之開發準備作業系統及SDKWindows App簡介動手建立第一個應用Visual Studio使用小技巧

在這裡可以設定調試windows 8.1應用還是windows phone 8.1應用。

Windows App開發之開發準備作業系統及SDKWindows App簡介動手建立第一個應用Visual Studio使用小技巧
Windows App開發之開發準備作業系統及SDKWindows App簡介動手建立第一個應用Visual Studio使用小技巧

在這裡可以選擇在本機調試或者虛拟機中調試。

在mainpage.xaml中寫下以下代碼:

隻用到了兩個textblock和button兩個控件,其中的屬性:

name:控件的名字

text:textblock控件顯示的文本

fontsize:字型

width和height:寬和高

margin:邊距,具體用法在後面的部落格中會有介紹

content:内容,此時會顯示在button控件上

foreground:字型顔色

還有一個事件:

click:點選事件

用滑鼠輕按兩下btn_click後按f12可以快速在c#檔案中生成相應的函數。

Windows App開發之開發準備作業系統及SDKWindows App簡介動手建立第一個應用Visual Studio使用小技巧

然後本地計算機或虛拟機上調試就可以啦。

Windows App開發之開發準備作業系統及SDKWindows App簡介動手建立第一個應用Visual Studio使用小技巧

我看到蠻多童鞋的vs都沒有開啟行号,而能夠看到自己寫了多少行代碼,無疑會讓自己更加有成就感。

點選工具欄上的”工具(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)屬性,點選一個空間後點選屬性視圖,可以設定其的屬性和事件。

Windows App開發之開發準備作業系統及SDKWindows App簡介動手建立第一個應用Visual Studio使用小技巧

将滑鼠指針放到設計器中,按住ctrl鍵,然後用滑鼠滾輪滑動即可放大或縮小中的視圖。

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

同樣也是将滑鼠指針放到設計器中,安裝space(也就是空格)鍵,指針會變成一個小手,這時可以移動設計器。

大家若有更多建議,歡迎郵件我。

繼續閱讀