Windows 10 UWP: Hello, World!

App.xaml

App.xaml 是你聲明應用中所使用的資源的位置。App.xaml.cs 是 App.xaml 的代碼隱藏文件。代碼隱藏是與 XAML 頁的部分類結合的代碼。XAML 與代碼隱藏一同組成完整的類。App.xaml.cs 爲應用的入口點。與全部代碼隱藏頁面同樣，它包含一個調用 InitializeComponent 方法的構造函數。你沒必要編寫 InitializeComponent 方法。該方法由 Visual Studio 生成，其主要做用是初始化在 XAML 文件中聲明的元素。App.xaml.cs 還包含一些處理應用的激活和掛起的方法。

MainPage.xaml

在 MainPage.xaml 中，爲應用定義 UI。你能夠直接使用 XAML 標記添加元素，也可使用 Visual Studio 提供的設計工具。 MainPage.xaml.cs 是 MainPage.xaml 的代碼隱藏頁面。你能夠在其中添加應用邏輯和事件處理程序。

這兩個文件一塊兒定義稱爲 MainPage 的新類，該類繼承自 HelloWorld 命名空間中的 Page。

Click事件

選中Button->選中Property裏面的閃電（動做）->在Click裏面輸入處理該事件的函數->在cs文件裏面編輯事件。

響應式UI

理解下面的代碼很是重要：

<VisualStateManager.VisualStateGroups>
    <VisualStateGroup>
        <VisualState x:Name="wideState">
            <VisualState.StateTriggers>
                <AdaptiveTrigger MinWindowWidth="641" />
            </VisualState.StateTriggers>
        </VisualState>
        <VisualState x:Name="narrowState">
            <VisualState.StateTriggers>
                <AdaptiveTrigger MinWindowWidth="0" />
            </VisualState.StateTriggers>
            <VisualState.Setters>
                <Setter Target="inputPanel.Orientation" Value="Vertical"/>
                <Setter Target="inputButton.Margin" Value="0,4,0,0"/>
            </VisualState.Setters>
        </VisualState>
    </VisualStateGroup>
</VisualStateManager.VisualStateGroups>