步骤 1:在 Visual Studio 中创建新项目
- 启动 Visual Studio 2015 RC。将出现 Visual Studio 2015 RC 起始页。 (从现在开始,我们将 Visual Studio 2015 RC 简称为 Visual Studio 。)
- 依次选择“文件”>“新建”>“项目”。会出现“新建项目”对话框。可以在对话框的左侧窗格中选择要显示模板的类型。
- 在左侧窗格中,展开“已安装>模板> Visual C# > Windows”,然后选取“Windows 通用”模板组。对话框的中心窗格会显示一系列用于 Universal Windows Platform (UWP) App 的项目模板。
- 在中心窗格中,选择“空白应用(Windows 通用)”模板。“空白应用程序”模板会创建一个最基本的 UWP App,该应用可以编译和运行,但不包含任何用户界面控件或数据。本教程将指导你向该应用添加控件。
- 在“名称”文本框中,键入“HelloWorld”""。
- 单击“确定”以创建项目。Visual Studio 会创建项目并在“解决方案资源管理器”中显示该项目。
尽管“空白应用”是最基本的模板,但它仍然包含很多文件:
- 清单文件 (Package.appxmanifest),介绍应用(其名称、描述、磁贴、起始页等等)并列出应用包含的文件。
- 用于在“开始”菜单中显示的一组徽标图像(Assets\Logo.scale-100.png、Assets\WideLogo.scale-100.png 和 Assets\SmallLogo.scale-100.png)。
- 表示应用位于 Windows 应用商店的图像 (Assets\StoreLogo.scale-100.png)。
- 用于在应用启动时显示的初始屏幕 (Assets\SplashScreen.scale-100.png)。
- 应用的 XAML 和代码文件(App.xaml 和 App.xaml.cs)。
- 起始页 (MainPage.xaml) 和附带的代码文件 (MainPage.xaml.cs),这些文件在应用启动时运行。
这些文件是使用 C# 的所有 UWP App 必不可少的文件。在 Visual Studio 中创建的每一个项目都包含这些文件。
第 2 步:修改起始页文件中包含哪些内容?
若要查看和编辑项目中的文件,请双击“解决方案资源管理器”中的文件。默认情况下,你可以像展开文件夹一样展开 XAML 文件以查看其相关联的代码文件。 XAML 文件在拆分视图中打开,可同时显示设计界面和 XAML 编辑器。
在本教程中,你可以只使用少量以前列出的文件:App.xaml、MainPage.xaml 和 MainPage.xaml.cs。
App.xaml 和 App.xaml.cs
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。
MainPage.xaml
[url=]XAML[/url]
<Page x:Class="HelloWorld.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:HelloWorld" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> </Grid></Page>
MainPage.xaml.cs
[url=]C#[/url]
using Windows.UI.Xaml;using Windows.UI.Xaml.Controls;namespace HelloWorld{ /// <summary> /// An empty page that can be used on its own or navigated to within a Frame. /// </summary> public sealed partial class MainPage : Page { public MainPage() { this.InitializeComponent(); } }}
修改起始页
现在,让我们来向应用添加一些内容。
![](https://i-msdn.sec.s-msft.com/areas/global/content/clear.gif)
修改起始页的步骤
-
- 在“解决方案资源管理器”中双击 MainPage.xaml 将其打开。
- 在 XAML 编辑器中,为 UI 添加控件。在根 Grid 中,添加此 XAML。它包含一个标题为 TextBlock 的StackPanel、一个询问用户名称的 TextBlock、一个用于接受用户名称的 TextBox 元素、一个Button,以及另一个用于显示问候的 TextBlock。其中一些控件有名称,因此稍后你可以在代码中引用它们。
[url=]XAML[/url]
<StackPanel x:Name="contentPanel" Margin="120,30,0,0"> <TextBlock Text="Hello, world!" Margin="0,0,0,40"/> <TextBlock Text="What's your name?"/> <StackPanel x:Name="inputPanel" Orientation="Horizontal" Margin="0,20,0,20"> <TextBox x:Name="nameInput" Width="270" HorizontalAlignment="Left"/> <Button x:Name="inputButton" Content="Say "Hello""/> </StackPanel> <TextBlock x:Name="greetingOutput"/> </StackPanel>
在 XAML 编辑器中添加的控件将显示在设计视图中。
步骤 3:启动应用
至此,你已创建了一个非常简单的应用。现在是构建、部署和启动应用并查看其外观的好时机。你可以在本地计算机上、模拟器或仿真器中或者在远程设备上调试应用。
在桌面设备上启动应用
默认情况下,应用在本地计算机上运行。目标设备菜单提供用于在桌面设备系列中的设备上调试应用的多个选项。
-
- 模拟器
- 本地计算机
- 远程计算机