uwp开始使用uwp


备注

本节概述了uwp是什么,以及开发人员为什么要使用它。

它还应该提到uwp中的任何大型主题,并链接到相关主题。由于uwp的文档是新的,您可能需要创建这些相关主题的初始版本。

创建您的第一个UWP应用程序

此示例演示如何开发简单的UWP应用程序。

在创建“空白应用程序(通用Windows)”项目时,您的解决方案中会创建许多基本文件。

可以在解决方案资源管理器中查看项目中的所有文件。

您项目中的一些重要文件是:

  • App.xaml和App.xaml.cs - App.xaml用于声明应用程序中可用的资源,App.xaml.cs是它的后端代码。 App.xaml.cs是应用程序的默认入口点
  • MainPage.xaml - 这是应用程序的默认启动UI页面(您也可以在App.xaml.cs中更改应用程序启动页面)
  • Package.appxmanifest - 此文件包含应用程序的重要信息,如显示名称,入口点,可视资产,功能列表,打包信息等。

入门

  • 在页面上添加按钮

    要向页面添加任何UI元素或工具,只需从左侧的工具箱窗口中拖放元素即可。在工具箱中搜索“按钮”工具并将其放入应用页面。

  • 自定义UI

    特定工具的所有属性都显示在右下方的属性窗口中。

    在这里,我们将按钮内的文字更改为“说出来!”。要执行此操作,请先按下按钮以选择它,然后滚动属性窗口以查找内容并将文本更改为所需的字符串(“说出来!”)。

    我们还将更改页面的背景颜色。每个页面都有一个父元素(通常是一个网格),其中包含所有其他元素。因此,我们将更改父网格的颜色。要执行此操作,请点击网格,然后将“属性”窗口中的“ 画笔”>“背景”更改为所需的颜色。

在您自定义UI之后,UI将看起来像这样。

在此处输入图像描述


  • 代码背后

    现在让我们点击我们的按钮吧!

    单击按钮会触发事件,我们需要处理事件以在单击按钮时执行一些有用的操作。

    添加事件处理程序

    要向按钮添加单击事件处理程序,请选择按钮,转到属性窗口并选择闪电图标 。此窗口包含我们选择的元素可用的所有事件(在我们的示例中为按钮)。接下来,双击“Click”事件旁边的文本框,自动生成按钮单击事件的处理程序。

在此处输入图像描述

在此之后,您将被重定向到ac#page(MainPage.xaml.cs)。将以下代码添加到事件处理程序方法:

 MediaElement mediaElement = new MediaElement();
        var synth = new Windows.Media.SpeechSynthesis.SpeechSynthesizer();
        Windows.Media.SpeechSynthesis.SpeechSynthesisStream stream = await synth.SynthesizeTextToStreamAsync("Hello, World!");
        mediaElement.SetSource(stream, stream.ContentType);
        mediaElement.Play();
 

接下来,将async关键字添加到事件处理程序。

添加上面的代码后,您的类应该如下所示:

public sealed partial class MainPage : Page
{
    string speakIt = "Hello, World!";
    public MainPage()
    {
        this.InitializeComponent();
    }

    private async void button_Click(object sender, RoutedEventArgs e)
    {
        MediaElement mediaElement = new MediaElement();
        var synth = new Windows.Media.SpeechSynthesis.SpeechSynthesizer();
        Windows.Media.SpeechSynthesis.SpeechSynthesisStream stream = await synth.SynthesizeTextToStreamAsync(speakIt);
        mediaElement.SetSource(stream, stream.ContentType);
        mediaElement.Play();

    }
}
 
  • 启动你的应用!

    您的应用程序已准备好启动。您可以通过按F5或选择要部署和调试应用程序的设备来启动应用程序,然后单击开始按钮。

在此处输入图像描述

构建完成后,您的应用程序将部署到您的设备上。根据设备的分辨率和屏幕大小,应用程序将自动配置其布局。 (您可以调整窗口大小以查看其无缝工作方式) 在此处输入图像描述

  • 走得更远

    既然您已经完成了第一次申请,那就让我们更进一步吧!

    在页面中添加一个文本框,单击该按钮,应用程序将说出文本框中写入的内容。

    首先将TextBox控件从“工具箱”拖放到布局中。接下来,从属性菜单中为TextBox命名。 (为什么我们需要指定一个名称?这样我们就可以轻松使用这个控件了)

    默认情况下,Visual Studio会为您的控件命名,但根据他们的操作或相关内容命名控件是一个好习惯。

    我正在命名我的文本框 - “ speakText ”。

    private async void button_Click(object sender, RoutedEventArgs e)
    {
        //checking if the text provided in the textbox is null or whitespace
        if (!string.IsNullOrWhiteSpace(speakText.Text))
            speakIt = speakText.Text;
        else
            speakIt = "Please enter a valid string!";

        MediaElement mediaElement = new MediaElement();
        var synth = new Windows.Media.SpeechSynthesis.SpeechSynthesizer();
        Windows.Media.SpeechSynthesis.SpeechSynthesisStream stream = await synth.SynthesizeTextToStreamAsync(speakIt);
        mediaElement.SetSource(stream, stream.ContentType);
        mediaElement.Play();

    }
 

现在部署你的代码!

您的应用程序现在可以说出您提供给它的任何有效字符串! stackoverflow太棒了!

恭喜!您已经成功构建了自己的UWP应用程序!

安装或设置

有关设置或安装UWP的详细说明。

要求

  1. Windows 10
  2. Visual Studio 2015

脚步

  • 下载并自定义安装Visual Studio 2015,同时确保选择Universal Windows App Development Tools 及其子选项: -
    a) 工具和Windows SDK
    b) Windows Phone模拟器

  • 确保在开发和部署设备时启用开发人员模式

  • 根据您要使用的语言选择模板:
    C#Visual BasicC ++JavaScript

  • 接下来创建一个空白应用程序(通用Windows)。

  • 选择适合您应用程序的Windows 10的目标和最低版本。

    如果您不确定应该选择哪个版本,或者只是将选项保留为默认值并单击“确定”开始,请单击此处

快照

Installation    
 

检查UWP选项

Creating a new project
 

空白的App模板位置

Selecting Target and minimum version for your Application
 

最小和目标版本选择器