天天看點

【UWP通用應用開發】開發準備、部分新特性準備Windows App簡介動手建立第一個應用Visual Studio使用小技巧新特性

不知道大家有沒有更新到windows 10呢,我從第一個預覽版一直用到現在了,雖然還不夠穩定,不過也足夠了。尤其在11月更新之後,已經非常不錯了。

作業系統大家可以直接更新到windows 10,也可以去官網下載下傳鏡像自行安裝,還可以在dreamspark等地方下載下傳。dreamspark上除了office外其他諸如作業系統、開發工具及其他軟體對學生均免費開放。

visual studio系列作為地球上最強大的ide,學習uwp開發自然也是少不了的,2015版雖然穩定性不如之前的(畢竟才出來沒有很久),不過能夠儲存設定的布局到伺服器這一點非常好用。

這個部落格系列主要方向是universal windows platform(通用應用程式,簡稱uwp),它的優點在于可以運作在多種裝置上,希望以後還能加上安卓等程式轉換windows app的部落格教程。

安裝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的免費更新計劃是否能通過桌面版帶動移動版的發展,讓我們拭目以待吧。安卓方面的計劃已經被暫時擱淺了,不過ios的還在繼續,我覺得1600萬傳統應用如果能轉換一部分真的很不錯了。

我安裝的是企業版的visual studio 2015:

【UWP通用應用開發】開發準備、部分新特性準備Windows App簡介動手建立第一個應用Visual Studio使用小技巧新特性

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

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

【UWP通用應用開發】開發準備、部分新特性準備Windows App簡介動手建立第一個應用Visual Studio使用小技巧新特性

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

【UWP通用應用開發】開發準備、部分新特性準備Windows App簡介動手建立第一個應用Visual Studio使用小技巧新特性

最左側是解決資源方案管理器,如果沒有顯示的話,可以按ctrl+w,s。或者也可以在最上面的工具欄中點選視圖(view)。在solution ‘windowsapp1’上右鍵可以繼續再建立第二個項目。

如圖中所示,主要有以下幾個部分:

properties:應用相關的一些版本号等。

references:引用,主要是用來引用第三方的東東,比如廣告啦。

assets:可以将app所用到的素材資源等放在這個檔案夾中。

mainpage.xaml:xaml代碼就是在這裡寫的哦,c#代碼需要在點選mainpage.xaml左邊的三角形後出現的mainpage.xaml.cs檔案中寫。

package.appxmanifest:應用包的一些清單,後面用到的時候再細講啦。

剩下一個就是相關的證書了。

【UWP通用應用開發】開發準備、部分新特性準備Windows App簡介動手建立第一個應用Visual Studio使用小技巧新特性

這裡可以選擇:仿真器、本機、遠端、裝置以及一系列移動裝置的模拟器。

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

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

name:控件的名字

text:textblock控件顯示的文本

fontsize:字型

width和height:寬和高

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

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

foreground:字型顔色

還有一個事件:

click:點選事件

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

【UWP通用應用開發】開發準備、部分新特性準備Windows App簡介動手建立第一個應用Visual Studio使用小技巧新特性

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

【UWP通用應用開發】開發準備、部分新特性準備Windows 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)屬性,點選一個空間後點選屬性視圖,可以設定其的屬性和事件。

【UWP通用應用開發】開發準備、部分新特性準備Windows App簡介動手建立第一個應用Visual Studio使用小技巧新特性

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

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

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

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

和之前的不一樣,這裡的設計器隻有一個了,你可以自由的選擇在pc還是手機甚至是surface hub下的設計器,具體如何讓它在不同的裝置顯示出統一的風格,大家可以看看這個實戰的内容:傳送門: uwp 移動版秒變桌面版 實踐:羅馬數電腦

新特性太多,這也不可能一篇就講完,比如應用如何調用cortana之類的呀,後續會繼續更新的,請大家繼續關注!

繼續閱讀