建立一個新專案(C XAML)

啟動 Visual Studio 2015 後,轉到 File → New → Project。在“ 新建專案” 對話方塊中,在模板樹中瀏覽到 Visual C# → Windows → Universal 並選擇 Blank App (Universal Windows)

接下來,我們需要填寫表單來描述應用程式:

  1. 名稱 :這是將顯示給使用者的應用程式的名稱。將其設定為 HelloWorld 或使用自定義標題。
  2. 位置 :指示專案的儲存位置
  3. 解決方案名稱 :這是一種專案容器,它將與同一應用程式相關的多個專案組合在一起(例如,解決方案可以由 UI 專案和模型專案組成)。你可以將相同的 Name 作為初始專案。

http://i.stack.imgur.com/iOVLQ.jpg

預設專案的內容

你將獲得包含以下檔案的專案:

http://i.stack.imgur.com/XFxb2.jpg

  1. Package.appxmanifest :描述應用程式的屬性。它包含一些 UI 設定,例如其名稱,徽標,支援的旋轉。它還包含技術設定,例如應用程式的入口點(預設情況下為 App 類)。最後,它還列出了你的應用程式在“ 功能” 選項卡中所需的授權 ; 例如,如果你想在應用程式中使用網路攝像頭,則必須檢查相應的功能。
  2. App.xaml / App.xaml.csApp 類是應用程式的預設入口點。xaml 檔案可以儲存整個應用程式共享的資源,例如樣式設定或要共享的類的例項,例如 ViewModel 定位器。程式碼隱藏檔案包含應用程式的所有啟動程式碼。預設情況下,它實現終端使用者呼叫的 OnLaunched 方法。它初始化視窗並導航到應用程式的第一頁(預設情況下為 MainPage 類)。
  3. 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。預設情況下,它將在本地計算機上執行該應用程式。