1. 程式人生 > >Windows App開發之開發準備

Windows App開發之開發準備

window eba 屬於 新特性 popu ret 虛擬機 其它 post

操作系統及SDK

操作系統

顯而易見。想要開發Windows App就得在Windows 8/8.1/10上進行。老舊的Windows XP/Vista/7已經不能滿足時代的須要了。

當然。在Windows App的發展過程中,其本身也有著較大的變動,為了使用新的特性,建議使用Windows 10。我在寫這個教程時。Windows 10正式版並未面世,因此臨時未介紹Windows 10上的新特性,隨後會繼續更新,歡迎您的繼續關註。

操作系統除了在官網下載之外。還能夠在DreamSpark等地方下載。DreamSpark上除了Office其它微軟操作系統、開發工具及其它軟件對學生均免費開放。

Visual Studio

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]

/* */

Windows App簡單介紹

C#

C#是微軟主推的編程語言,也是Windows App最合適的開發語言,因此本教程統一用C#來解說。

開發Windows App。能夠用Windows XAML(C#、C++和VB)、WinJS(HTML+JavaScript)、DirectX(C++)等組合。而Silverlight(C#和VB)是WP所獨有的,Silverlight已經基本被淘汰,建議大家用C#+XAML來進行開發,在遊戲開發和圖像處理方面,C++則更有優勢。

XAML

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的免費升級計劃能否通過桌面版帶動移動版的發展,讓我們拭目以待吧。

動手創建第一個應用

新建project

技術分享

假設不是裝的固態那麽安裝的過程會是非常漫長的,請大家耐心等待。

裝好之後就能夠開工啦。

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使用小技巧

行號

我看到蠻多童鞋的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)屬性,點擊一個空間後點擊屬性視圖。能夠設置其的屬性和事件。

技術分享

設計器

將鼠標指針放到設計器中,按住Ctrl鍵,然後用鼠標滾輪滑動就可以放大或縮小中的視圖。

鼠標滾輪前後滾動時。設計器中的窗體會上下移動。假設按住Shift則會左右移動。

相同也是將鼠標指針放到設計器中,安裝Space(也就是空格)鍵,指針會變成一個小手。這時能夠移動設計器。

大家若有很多其它建議。歡迎郵件我。

Windows App開發之開發準備