快速入門：設計訊息對話方塊 (HTML)

發行項
03/04/2016

[ 本文的目標對象是撰寫 Windows 執行階段 App 的 Windows 8.x 和 Windows Phone 8.x 開發人員。如果您正在開發適用於 Windows 10 的 App，請參閱最新文件 ]

這個快速入門說明設計與實作訊息對話方塊的指導方針。訊息對話方塊在應用程式中會並排出現，並根據對話方塊的內容水平調整大小，如新增訊息對話方塊中所述。您可以在對話方塊中新增標題、訊息，以及最多三個按鈕。

先決條件

步驟

此範例程式碼會顯示一個訊息對話方塊，通知使用者找不到網際網路連線，並提示使用者回應。這個快速入門中大部分程式碼位於訊息對話方塊範例中。

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. 如果需要，處理多個強制回應 UI。

有時，您可能想要從對話方塊啟動其他強制回應 UI，例如，從訊息對話方塊開啟檔案選擇器。Windows 不會讓您從原始對話方塊的命令處理常式中啟動額外的強制回應 UI。

您應該要從非同步作業的已完成處理常式中啟動次要 UI。已完成的處理常式會在對話方塊遭到破壞之後執行，而且會得到非同步作業的結果，讓您仍然可以從原始 UI 得知使用者所按下的命令。


        var result = await msg.ShowAsync();

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

摘要

這個快速入門說明了設計與實作訊息對話方塊的指導方針。

共用方式為