UWP app HelloWorld 的创建

步骤 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();        }    }}

修改起始页

现在,让我们来向应用添加一些内容。                           

修改起始页的步骤

    • 在“解决方案资源管理器”中双击 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:启动应用

至此,你已创建了一个非常简单的应用。现在是构建、部署和启动应用并查看其外观的好时机。你可以在本地计算机上、模拟器或仿真器中或者在远程设备上调试应用。

在桌面设备上启动应用

默认情况下,应用在本地计算机上运行。目标设备菜单提供用于在桌面设备系列中的设备上调试应用的多个选项。

    • 模拟器
    • 本地计算机
    • 远程计算机
时间: 2024-10-12 20:28:04

UWP app HelloWorld 的创建的相关文章

UWP App—HelloWorld的创建

windows phone开发-用Blend构建自定义控件 其实每一个系统控件都有它默认的样式,我们可以在代码里看到具体的控件样式,今天我们来用Blend构造控件,比改造控件要简单的多,方法如下: 我们用构件圆角Button来举例.说明Blend构件自定义控件的方法,很简单的. 1.打开Blend,首先创建一个新项目,也可以在VS里面创建,然后使用Blend打开. 2.选择Blend左边的矩形(也可以用椭圆),直接拖到手机界面.如下图 3.我们调整矩形的位置,点击矩形,右边会出现属性栏. 4.我

IOS开发创建开发证书及发布App应用(二)——创建证书

源于:http://www.jkqnb.com/ydkf/article/27 预览图 2. 创建证书 证书分为两种, 一种是开发者证书,主要是用来真机调试的 另一种就是发布证书,就是用来发布应用的, 最好是两种都要下载,不然编译时候可能报错,我猜想可能苹果怕你没用真机调试 创建证书分为两个步骤: 在苹果电脑生成证书签名公钥 提交证书公钥文件到开发者网站 1)  创建开发者证书  1.生成证书签名公钥 在有Mac OS X的操作系统中打开"应用程序" -- "实用工具&quo

IOS开发创建开发证书及发布App应用(三)——创建App ID

3.创建App ID 继续上一篇所讲,今天写的这个是创建App ID 依然在个人中心创建证书这里, 如果不知道的,可以查看以前写的 点击左边的 Identifiers  下面的App IDs,如下图 到这里 App ID就创建完成了

cocos2d-x 3.0 HelloWorld项目创建

1.cocos2d支持python,创建项目都可以用它自带的脚本, 所以第一步下载安装python, 然后配置系统环境变量, 让操作系统支持python脚本, 能找到二进制文件 地址: https://www.python.org/ 2.下载cocos2d-x 3.0 源码,解压 地址: http://www.cocos2d-x.org/ 3.安装vs2012 开发工具 4.解压cocos2d-x, 打开cmd,进入cocos2d-x  3.0中cocos2d-console目录执行创建项目脚本

[UWP]使用Writeable?Bitmap创建HSV色轮

原文:[UWP]使用Writeable?Bitmap创建HSV色轮 1. HSV 1.1 HSV的定义 HSV都是一种将RGB色彩模型中的点在圆柱坐标系中的表示法,这种表示法试图做到比RGB基于笛卡尔坐标系的几何结构更加直观.HSV即色相.饱和度.明度(英语:Hue, Saturation, Value),又称HSB,其中B即英语:Brightness. 色相(H)是色彩的基本属性,就是平常所说的颜色名称,如红色.黄色等,取值0-360.红色是0,绿色是120,蓝色为240. 饱和度(S)是指色

[UWP]如何使用代码创建DataTemplate(或者ControlTemplate)

原文:[UWP]如何使用代码创建DataTemplate(或者ControlTemplate) 1. 前言 在UWP中DataTemplate是一个十分重要的功能,并且几乎无处不在,例如DataGrid中的DataGridTemplateColumn: <controls:DataGridTemplateColumn.CellTemplate> <DataTemplate> <StackPanel Orientation="Horizontal" Vert

Android Studio——第一个App HelloWorld

创建工程 打开Android Studio的File->New->New Project. 在New Project页面,这个页面包含Application Name.Company Domain.Package Name和Project Location四项,修改Application Name为HelloWorld,点击next. 在Target Android Device页面,这个页面包含了Phone And Tablet.Wear.TV.Android Auto和Glass,默认只勾

1 游戏逻辑架构,Cocos2d-x游戏项目创建,HelloWorld项目创建,HelloWorld程序分析,(CCApplicationProtocol,CCApplication,AppDeleg

 1 游戏逻辑架构 详细介绍 A 一个导演同一时间只能运行一个场景,场景当中,可以同时加载多个层,一个层可以可载多个精灵.层中亦可以加层. B  场景切换 sceneàaddChild(layer); layeràaddChild(sprite); 2 项目创建命令: A 进入tools下的project-creat E:\Installed\cocos2d-x-2.2.3\tools\project-creator> B python create_project.py -project

cordova跨平台app开发01_创建项目、桌面图标、启动图配置

视频地址:http://t.cn/RacnKeB 安装cordova 1.     下载安装node.js(js的运行环境),安装时勾选npm(js包的管理工具).2.下载安装git(配置好环境变量).3.在cmd控制台,使用npm安装cordova. npm install -g cordova 创建cordova项目 $ cordova create hello com.example.hello HelloWorld 第一个参数hello指定项目创建的目录 第二个参数com.example