Краткое руководство: проектирование окна сообщения (HTML)

[ Эта статья адресована разработчикам приложений среды выполнения Windows для Windows 8.x и Windows Phone 8.x. В случае разработки приложений для Windows 10 см. раздел последняя документация]

В этом кратком руководстве приведены инструкции по проектированию и реализации диалоговых окон сообщений. Как уже говорилось в разделе Добавление диалоговых окон сообщений, диалоговые окна сообщения появляются в приложении бок о бок и изменяют свой горизонтальный размер с учетом содержимого окон. В диалоговое окно сообщений можно добавить заголовок, сообщение и не более трех кнопок.

Необходимые условия

Этапы

В примере кода показано диалоговое окно сообщения, уведомляющее пользователя о невозможности обнаружить подключение к Интернету и ожидающее его ответа. Большая часть кода для этого краткого руководства есть в образце диалогового окна сообщения.

1. Создайте приложение.


        // Create the message dialog and set its content
        var msg = new Windows.UI.Popups.MessageDialog(
            "No internet connection has been found.");

2. Добавьте кнопки.

        // Add commands and set their command handlers
        msg.commands.append(new Windows.UI.Popups.UICommand(
            "Try again", 
            commandInvokedHandler));
        msg.commands.append(
            new Windows.UI.Popups.UICommand("Close", commandInvokedHandler));

        // Set the command that will be invoked by default
        msg.defaultCommandIndex = 0;

        // Set the command to be invoked when escape is pressed
        msg.cancelCommandIndex = 1;

3. Отобразите диалоговое окно.

        // Show the message dialog
        msg.showAsync();

4. Если нужно, предусмотрите обработку нескольких модальных пользовательских интерфейсов.

Возможно, в каких-то случаях вам нужно будет запустить из диалогового окна другой модальный пользовательский интерфейс, например открыть средство выбора файлов из окна сообщения. Windows не позволит запустить дополнительный модальный пользовательский интерфейс из обработчика команд исходного диалогового окна.

Вместо этого вам следует запустить вторичный модальный интерфейс из обработчика завершения асинхронной операции. Обработчик завершения выполняется после удаления диалогового окна и выдает результат асинхронной операции, чтобы вы могли сообщить, какую команду пользователь выбрал в исходном пользовательском интерфейсе.


        var result = await msg.ShowAsync();

        if (result.Label == "Buy")
        {
            await this.YourCustomFLow(result);
        }
 
        private async Task YourCustomFlow(IUICommand command)
        {
            // Your code here.
        }

Сводка

В этом кратком руководстве приведены указания по проектированию и реализации диалоговых окон сообщений.

Связанные разделы

MessageDialog

Пример диалогового окна сообщения