UWP APP 開發日記

標籤：

最近需要使用C#開發UWP應用，以前學習過C，這回就是快速看了一下C#的一些特別之處，然後就進入到了實戰練習當中。

 

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

1）建立一個新的項目。在Visual C#選項下的windows選項，裡面有一個universal，然後選擇一個空的應用模板，最後確定存放位置，就可以點擊ok了。雖然是選擇了空的應用模板，但是其中也包含了一些必要的檔案。

項目名稱：

- Properties：

- References：

- Assets：存放一些logo

- App.xaml：聲明應用使用的資源

　　- App.xaml.cs：引導進入應用的入口

- HelloWorld_TemporaryKey.pfx

- MainPage.xaml： 開始頁面的設定

　　- MainPage.xaml.cs： 代碼檔案

- Package.appxmanifest： 描述你的應用以及列出應用程式套件含的檔案

- project.json

 

2）修改開始頁面

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

 

3） 運行應用

（在這裡吐槽一下，剛剛已經寫完了這個blog，結果誤操作刪除了一半，然後部落格園的自動儲存鬼使神差的成功儲存，然後我就得從這繼續碼字了，心中萬千羊駝呼嘯而過）

在運行應用之前，VS2015可以選擇應用啟動並執行平台，包括本地PC，模擬器，遠程裝置以及不同型號的手機裝置。在這裡我用本地PC啟動並執行，教程裡面也是在本地啟動並執行。運行之後，應用會安裝到系統中，並出現在開始菜單頁面，以後不用通過VS也可以直接點擊開始菜單中的應用程式運行。模擬器和不同型號的手機裝置，我只是使用了一下，但是報錯了，目前還沒有繼續研究，ms要什麼設定。是應用運行後的效果。

4） 添加事件

上面啟動並執行應用只有個外表，還沒有內在的東西，點擊按鈕一點效果都沒有。在這裡我們就可以充實一下。

- 選中按鈕

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

- 在Click事件中，添加函數名，這裡使用了Button_Click，斷行符號。

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

 

5） 自適應UI設計

在MainPage.xaml中添加一段代碼，使用VisualStateManager來對應用進行自適應UI設計。對於UWP上的應用來說，由於一套代碼可以運行在不同windows 10的裝置上，就需要在顯示的時候針對不同的螢幕的大小來自動變換顯示效果，給使用者以最好的使用效果。可以使用VisualStateManager輕鬆實現這一目的，在這裡我們只是用應用視窗的寬度來設計頁面，我們也可以利用VisualStateManager其他的性質來完善自適應UI設計。

（剛剛又差點悲劇，看來以後一定要在word裡面寫好之後再發上來，第一次發blog沒有經驗啊~~~心驚膽戰的）

 

2、學習其他人的內容，自己實驗了一些控制項

1） Button: 可以設定背景和前景顏色等，寫法也不是固定於這樣。

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

2） ComboBox： 下拉式功能表選擇，可以設定布局位置（中心，左邊還是右邊）、邊緣等。

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： 文本地區，可以設定邊緣等。

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

 

不知道UWP的應用開發，是否可以像iOS開發那樣，直接拖拽某個控制項，就不用自己敲代碼了。

UWP APP 開發日記