本教程指导你如何使用 Extensible Application Markup Language (XAML) 和 C# 创建一个面向 Windows 10 上通用 Windows 平台 (UWP) 的简单“Hello, world”应用。 借助 Microsoft Visual Studio 中的单个项目，你可以生成可在任何 Windows 10 设备上运行的应用。这里我们侧重于创建可在桌面和移动设备上正常运行的应用。
工具/原料
1
windows 10
2
visual studio
方法/步骤
1
在 Visual Studio 中创建新项目启动 Visual Studio 2015。将出现 Visual Studio 2015 起始页。 （从现在开始，我们将 Visual Studio 2015 简称为 Visual Studio 。）在“文件”菜单上，依次选择“新建”>“项目”。会出现“新建项目”对话框。可以在对话框的左侧窗格中选择要显示模板的类型。在左侧窗格中，依次展开“已安装”>“模板”>“Visual C#”>“Windows”，然后选取“通用”模板组。对话框的中心窗格会显示一系列用于通用 Windows 平台 (UWP) 应用的项目模板。在中心窗格中，选择“空白应用(通用 Windows)”模板。“空白应用”模板会创建一个最基本的 UWP 应用，该应用可以编译和运行，但不包含任何用户界面控件或数据。本教程将指导你向该应用添加控件。在“名称”文本框中，键入“HelloWorld”''。单击“确定”以创建项目。Visual Studio 会创建项目并在“解决方案资源管理器”中显示该项目。2 App.xaml、MainPage.xaml 和 MainPage.xaml.cs。App.xaml 和 App.xaml.csApp.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。MainPage.xamlXAML复制MainPage.xaml.csC#复制using Windows.UI.Xaml;using Windows.UI.Xaml.Controls;namespace HelloWorld
{ ///
/// An empty page that can be used on its own or navigated to within a Frame.
///
public sealed partial class MainPage : Page
{ public MainPage()
{ this.InitializeComponent();
}
}
}修改起始页现在，让我们来向应用添加一些内容。修改起始页的步骤在“解决方案资源管理器”中双击 MainPage.xaml 以将其打开。在 XAML 编辑器中，为 UI 添加控件。在根 Grid 中，添加此 XAML。它包含一个标题为 TextBlock 的 StackPanel、一个询问用户名称的 TextBlock、一个用于接受用户名称的 TextBox 元素、一个 Button，以及另一个用于显示问候的 TextBlock。其中一些控件有名称，因此稍后你可以在代码中引用它们。XAML复制在 XAML 编辑器中添加的控件将显示在设计视图中。+ 添加经验引用从右侧图库拖动图片到此处 3 至此，你已创建了一个非常简单的应用。现在是构建、部署和启动应用并查看其外观的好时机。你可以在本地计算机上、模拟器或仿真器中或者在远程设备上调试应用。下面是 Visual Studio 中的目标设备菜单。在桌面设备上启动应用默认情况下，应用在本地计算机上运行。目标设备菜单提供用于在桌面设备系列中的设备上调试应用的多个选项。模拟器本地计算机远程计算机4 + 添加经验引用从右侧图库拖动图片到此处 在本地计算机上开始调试在“标准”工具栏上的目标设备菜单 () 中，确保已选中“本地计算机”。（它是默认选择。）单击工具栏上的“开始调试”按钮 ()。–或–在“调试”菜单中，单击“开始调试”。–或–按 F5。应用将在窗口中打开，并且将首先显示默认初始屏幕。初始屏幕由一个图像 (SplashScreen.png) 和背景色（在应用的清单文件中指定）定义。初始屏幕会消失，然后会出现你的应用。它的外观如下所示。按 Windows 键以打开“开始”菜单，然后显示所有应用。请注意，本地部署应用会将其磁贴添加到“开始”菜单。若要再次运行该应用（不是在调试模式下），请在“开始”菜单中点击或单击其磁贴。它还不会执行很多操作——，但祝贺你已构建了第一个 UWP App！停止调试单击工具栏上的“停止调试”按钮 ()。–或–在“调试”菜单中，单击“停止调试”。–或–关闭应用窗口。5 + 添加经验引用从右侧图库拖动图片到此处 在移动设备仿真器上启动该应用你的应用可在任何 Windows 10 设备上运行，让我们看一下它在 Windows Phone 上的情况如何。除了在桌面设备上执行调试的选项，Visual Studio 还提供用于在连接到计算机的物理移动设备上或移动设备仿真器上部署和调试应用的选项。你可以为带有不同内存和显示配置的设备在仿真器中进行选择。设备仿真器 WVGA 4 英寸 512MB仿真器 WVGA 4 英寸 1GB等（采用其他配置的各种仿真器）6 + 添加经验引用从右侧图库拖动图片到此处 最好在带有小型屏幕和有限内存的设备上测试应用，因此请使用“仿真器 10.0.10240.0 WVGA 4 英寸 512MB”选项。在移动设备仿真器上开始调试在“标准”工具栏上的目标设备菜单 () 中，选取“仿真器 10.0.10240.0 WVGA 4 英寸 512MB”。单击工具栏中的“开始调试”按钮 ()。–或–在“调试”菜单中，单击“开始调试”。–或–按 F5。Visual Studio 将启动选定的仿真器，然后部署和启动你的应用。在移动设备仿真器中，应用的外观如下所示。你首先会注意到，在屏幕较小的移动设备上，该按钮被推送至屏幕之外。在本教程的后面部分中，你将了解如何使 UI 适应不同的屏幕大小，以使应用始终保持良好外观。你可能还会注意到，你可以在 TextBox 中键入内容，但此时单击或点击 Button 不会起任何作用。在接下来的步骤中，你将为按钮的 Click 事件创建事件处理程序，以显示个性化的问候。将事件处理程序代码添加到 MainPage.xaml.cs 文件。+ 添加经验引用从右侧图库拖动图片到此处 7 + 添加经验引用从右侧图库拖动图片到此处
2
App.xaml、MainPage.xaml 和 MainPage.xaml.cs。App.xaml 和 App.xaml.csApp.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。MainPage.xamlXAML复制MainPage.xaml.csC#复制using Windows.UI.Xaml;using Windows.UI.Xaml.Controls;namespace HelloWorld
{ ///
/// An empty page that can be used on its own or navigated to within a Frame.
///
public sealed partial class MainPage : Page
{ public MainPage()
{ this.InitializeComponent();
}
}
}修改起始页现在，让我们来向应用添加一些内容。修改起始页的步骤在“解决方案资源管理器”中双击 MainPage.xaml 以将其打开。在 XAML 编辑器中，为 UI 添加控件。在根 Grid 中，添加此 XAML。它包含一个标题为 TextBlock 的 StackPanel、一个询问用户名称的 TextBlock、一个用于接受用户名称的 TextBox 元素、一个 Button，以及另一个用于显示问候的 TextBlock。其中一些控件有名称，因此稍后你可以在代码中引用它们。XAML复制在 XAML 编辑器中添加的控件将显示在设计视图中。
3
至此，你已创建了一个非常简单的应用。现在是构建、部署和启动应用并查看其外观的好时机。你可以在本地计算机上、模拟器或仿真器中或者在远程设备上调试应用。下面是 Visual Studio 中的目标设备菜单。在桌面设备上启动应用默认情况下，应用在本地计算机上运行。目标设备菜单提供用于在桌面设备系列中的设备上调试应用的多个选项。模拟器本地计算机远程计算机在本地计算机上开始调试在“标准”工具栏上的目标设备菜单 () 中，确保已选中“本地计算机”。（它是默认选择。）单击工具栏上的“开始调试”按钮 ()。–或–在“调试”菜单中，单击“开始调试”。–或–按 F5。应用将在窗口中打开，并且将首先显示默认初始屏幕。初始屏幕由一个图像 (SplashScreen.png) 和背景色（在应用的清单文件中指定）定义。初始屏幕会消失，然后会出现你的应用。它的外观如下所示。按 Windows 键以打开“开始”菜单，然后显示所有应用。请注意，本地部署应用会将其磁贴添加到“开始”菜单。若要再次运行该应用（不是在调试模式下），请在“开始”菜单中点击或单击其磁贴。它还不会执行很多操作——，但祝贺你已构建了第一个 UWP App！停止调试单击工具栏上的“停止调试”按钮 ()。–或–在“调试”菜单中，单击“停止调试”。–或–关闭应用窗口。
