最近需要使用C#開發(fā)UWP應(yīng)用，以前學(xué)習(xí)過C，這回就是快速看了一下C#的一些特別之處，然后就進入到了實戰(zhàn)練習(xí)當(dāng)中。

1、按照MSDN的教程自己搭建了一個簡單的“Hello, world”應(yīng)用。是使用C#和xaml語言。在開發(fā)之前，windows 10操作系統(tǒng)和VS2015是少不了的，而且教程上也是使用這個的。

1）創(chuàng)建一個新的項目。在Visual C#選項下的windows選項，里面有一個universal，然后選擇一個空的應(yīng)用模板，最后確定存放位置，就可以點擊ok了。雖然是選擇了空的應(yīng)用模板，但是其中也包含了一些必要的文件。

項目名稱：

- PRoperties：

- References：

- Assets：存放一些logo

- App.xaml：聲明應(yīng)用使用的資源

　　- App.xaml.cs：引導(dǎo)進入應(yīng)用的入口

- HelloWorld_TemporaryKey.pfx

- MainPage.xaml： 開始頁面的設(shè)置

　　- MainPage.xaml.cs： 代碼文件

- Package.appxmanifest： 描述你的應(yīng)用以及列出應(yīng)用包含的文件

- project.json

2）修改開始頁面

對MainPage.xaml和MainPage.xaml.cs修改，對MainPage.xaml（Xaml）修改頁面布局，對MainPage.xaml.cs（C#）修改邏輯部分的代碼。

3） 運行應(yīng)用

（在這里吐槽一下，剛剛已經(jīng)寫完了這個blog，結(jié)果誤操作刪除了一半，然后博客園的自動保存鬼使神差的成功保存，然后我就得從這繼續(xù)碼字了，心中萬千羊駝呼嘯而過）

在運行應(yīng)用之前，VS2015可以選擇應(yīng)用運行的平臺，包括本地PC，模擬器，遠(yuǎn)程設(shè)備以及不同型號的手機設(shè)備。在這里我用本地PC運行的，教程里面也是在本地運行的。運行之后，應(yīng)用會安裝到系統(tǒng)中，并出現(xiàn)在開始菜單頁面，以后不用通過VS也可以直接點擊開始菜單中的應(yīng)用程序運行。模擬器和不同型號的手機設(shè)備，我只是使用了一下，但是報錯了，目前還沒有繼續(xù)研究，ms要什么設(shè)置。下圖是應(yīng)用運行后的效果。

4） 添加事件

上面運行的應(yīng)用只有個外表，還沒有內(nèi)在的東西，點擊按鈕一點效果都沒有。在這里我們就可以充實一下。

- 選中按鈕

- 在屬性頁面點擊事件按鈕（一個小閃電）

- 在Click事件中，添加函數(shù)名，這里使用了Button_Click，回車。

- MainPage.xaml（XAML）中代碼有變化，并且需要在MainPage.xaml.cs（C#）中添加邏輯代碼

5） 自適應(yīng)UI設(shè)計

在MainPage.xaml中添加一段代碼，使用VisualStateManager來對應(yīng)用進行自適應(yīng)UI設(shè)計。對于UWP上的應(yīng)用來說，由于一套代碼可以運行在不同windows 10的設(shè)備上，就需要在顯示的時候針對不同的屏幕的大小來自動變換顯示效果，給用戶以最好的使用效果。可以使用VisualStateManager輕松實現(xiàn)這一目的，在這里我們只是用應(yīng)用窗口的寬度來設(shè)計頁面，我們也可以利用VisualStateManager其他的性質(zhì)來完善自適應(yīng)UI設(shè)計。

（剛剛又差點悲劇，看來以后一定要在Word里面寫好之后再發(fā)上來，第一次發(fā)blog沒有經(jīng)驗啊~~~心驚膽戰(zhàn)的）

2、學(xué)習(xí)其他人的內(nèi)容，自己試驗了一些控件

1） Button: 可以設(shè)置背景和前景顏色等，寫法也不是固定于這樣。

1 <Button Background="Black" Foreground="White">2     <Button.Content>普通按鈕</Button.Content>3 </Button>

2） ComboBox： 下拉菜單選擇，可以設(shè)置布局位置（中心，左邊還是右邊）、邊緣等。

1 <ComboBox HorizontalAlignment="Center" Margin="0 100 0 0">2     <ComboBoxItem Content="Select item" IsSelected="True"></ComboBoxItem>3     <ComboBoxItem Content="Item 1"></ComboBoxItem>4     <ComboBoxItem Content="Item 2"></ComboBoxItem>5 </ComboBox>

3） TextBlock： 文本區(qū)域，可以設(shè)置邊緣等。

 1 <TextBlock Text="Hello, world!" Margin="0,0,0,40"/> 

不知道UWP的應(yīng)用開發(fā)，是否可以像iOS開發(fā)那樣，直接拖拽某個控件，就不用自己敲代碼了。