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 还包含一些处理应用的激活和挂起的方法ide

MainPage.xaml

在 MainPage.xaml 中,为应用定义 UI。你能够直接使用 XAML 标记添加元素,也可使用 Visual Studio 提供的设计工具。 MainPage.xaml.cs 是 MainPage.xaml 的代码隐藏页面。你能够在其中添加应用逻辑和事件处理程序函数

这两个文件一块儿定义称为 MainPage 的新类,该类继承自 HelloWorld 命名空间中的 Page。工具

Click事件

选中Button->选中Property里面的闪电(动做)->在Click里面输入处理该事件的函数->在cs文件里面编辑事件。设计

响应式UI

理解下面的代码很是重要:code

<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>
相关文章
相关标签/搜索