建立一個新專案(C XAML)
啟動 Visual Studio 2015 後,轉到 File → New → Project
。在“ 新建專案” 對話方塊中,在模板樹中瀏覽到 Visual C# → Windows → Universal
並選擇 Blank App (Universal Windows)
。
接下來,我們需要填寫表單來描述應用程式:
- 名稱 :這是將顯示給使用者的應用程式的名稱。將其設定為
HelloWorld
或使用自定義標題。 - 位置 :指示專案的儲存位置
- 解決方案名稱 :這是一種專案容器,它將與同一應用程式相關的多個專案組合在一起(例如,解決方案可以由 UI 專案和模型專案組成)。你可以將相同的
Name
作為初始專案。
http://i.stack.imgur.com/iOVLQ.jpg
預設專案的內容
你將獲得包含以下檔案的專案:
http://i.stack.imgur.com/XFxb2.jpg
- Package.appxmanifest :描述應用程式的屬性。它包含一些 UI 設定,例如其名稱,徽標,支援的旋轉。它還包含技術設定,例如應用程式的入口點(預設情況下為
App
類)。最後,它還列出了你的應用程式在“ 功能” 選項卡中所需的授權 ; 例如,如果你想在應用程式中使用網路攝像頭,則必須檢查相應的功能。 - App.xaml / App.xaml.cs :
App
類是應用程式的預設入口點。xaml 檔案可以儲存整個應用程式共享的資源,例如樣式設定或要共享的類的例項,例如 ViewModel 定位器。程式碼隱藏檔案包含應用程式的所有啟動程式碼。預設情況下,它實現終端使用者呼叫的OnLaunched
方法。它初始化視窗並導航到應用程式的第一頁(預設情況下為MainPage
類)。 - MainPage.xaml / MainPage.xaml.cs :這是我們應用程式的初始頁面。它只包含一個空格子,它是一個佈局控制元件。
修改檢視
開啟 MainPage.xaml
並用。替換 Grid 控制元件
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="auto" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Button Click="Button_Click">Say Hello !</Button>
<TextBlock Grid.Column="1"
VerticalAlignment="Center"
x:Name="myText"
Text="Click the button." />
</Grid>
這將建立一個包含兩列的網格。第一列作為寬度設定為 auto
,這意味著它將根據其子項的大小自動設定。第二列將拉伸以填充視窗中的剩餘空間。
該網格包含兩個元素:
- 位於第一列的
Button
。click 事件繫結到程式碼隱藏的方法Button_Click
,其標題 Text 是 “Say Hello!” 。 - 位於第二列的
TextBlock
。它的文字設定為 單擊按鈕。。我們在屬性x:Name
的幫助下為此控制元件設定了名稱。這需要能夠在程式碼隱藏中使用該控制元件。
在 MainPage.xaml.cs
中,新增以下程式碼:
private void Button_Click(object sender, RoutedEventArgs e)
{
this.myText.Text = "Hello World!";
}
這是使用者單擊(或點選)按鈕時將呼叫的方法。它將更新 TextBlock
並將其文字設定為 Hello World!
。
執行應用程式
要執行該應用程式,你可以使用選單 Debug → Start Debugging
或快捷方式 F5
。預設情況下,它將在本地計算機上執行該應用程式。