Поиск…


замечания

В этом разделе представлен обзор того, что такое uwp, и почему разработчик может захотеть его использовать.

Следует также упомянуть о любых крупных предметах в рамках uwp и ссылаться на связанные темы. Поскольку документация для uwp является новой, вам может потребоваться создать начальные версии этих связанных тем.

Установка или настройка

Подробные инструкции по настройке или установке UWP.

Требования

  1. Windows 10
  2. Visual Studio 2015

меры

  • Загрузите и установите пользовательскую установку Visual Studio 2015, при этом убедитесь, что Universal Windows App Development Tools выбраны вместе со своими дополнительными параметрами:
    a) Инструменты и Windows SDK
    б) Эмулятор для Windows Phone

  • Обязательно включите режим разработки для разработки и развертывания устройства.

  • Выберите шаблон на основе языка, который вы хотите использовать:
    C # , Visual Basic , C ++ или JavaScript .

  • Затем создайте пустое приложение (Universal Windows).

  • Выберите целевую и минимальную версии Windows 10, подходящие для вашего приложения.

    Нажмите здесь, если вы не уверены, какие версии вы должны выбрать или просто оставите параметры по умолчанию и нажмите «ОК», чтобы начать работу!

моментальные снимки

Installation    

Проверенная опция UWP

Creating a new project

Расположение шаблона Blank App

Selecting Target and minimum version for your Application

Селектор минимальной и целевой версии

Создание первого приложения UWP

В этом примере демонстрируется, как разработать простое приложение UWP.

При создании проекта «Blank App (Universal Windows)» есть много важных файлов, созданных в вашем решении.

Все файлы в вашем проекте можно увидеть в обозревателе решений .

Некоторые из важных файлов в вашем проекте:

  • App.xaml и App.xaml.cs - App.xaml используется для объявления ресурсов, доступных в приложении, а App.xaml.cs - это код бэкэнд для него. App.xaml.cs является начальной точкой входа приложения
  • MainPage.xaml - это пользовательский интерфейс запуска по умолчанию для вашего приложения (вы также можете изменить стартовую страницу приложения в App.xaml.cs)
  • Package.appxmanifest - этот файл содержит важную информацию о вашем приложении, такую ​​как отображаемое имя, точка входа, визуальные активы, список возможностей, информация о упаковке и т. Д.

Начиная

  • Добавление кнопки на страницу

    Чтобы добавить элемент или инструмент UI на вашу страницу, просто перетащите элемент из окна панели инструментов слева. Найдите инструмент «Кнопка» на панели инструментов и отпустите его на странице своего приложения.

  • Настройка пользовательского интерфейса

    Все свойства для определенного инструмента отображаются в окне свойств на нижней стороне справа.

    Здесь мы изменим текст внутри кнопки «Говорить!». Для этого сначала нажмите на кнопку, чтобы выбрать ее, а затем прокрутите окно свойств, чтобы найти контент и изменить текст на нужную строку («Speak it!»).

    Мы также изменим цвет фона для страницы. Каждая страница имеет родительский элемент (обычно это сетка), который содержит все остальные элементы. Таким образом, мы изменим цвет родительской сетки. Для этого нажмите на сетку и измените кисть> Фон в окне свойств на нужный вам цвет.

Пользовательский интерфейс будет выглядеть примерно так, как только вы его настроили.

введите описание изображения здесь


  • Код позади

    Теперь давайте сделаем что-нибудь щелкнув по нашей кнопке!

    Нажатие на кнопку вызывает событие, и нам нужно обработать событие, чтобы сделать что-то полезное при нажатии кнопки.

    Добавление обработчика событий

    Чтобы добавить обработчик события клика к вашей кнопке, выберите кнопку, перейдите в окно свойств и выберите значок молнии . Это окно состоит из всех событий, которые доступны для выбранного элемента (кнопка в нашем случае). Затем дважды щелкните текстовое поле рядом с событием «Click», чтобы автоматически генерировать обработчик для события нажатия кнопки.

введите описание изображения здесь

После этого вы будете перенаправлены на страницу ac # (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!



Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow