Schnellstart: Entwerfen von Meldungsdialogfeldern (HTML)

Artikel
03/04/2016

[ Dieser Artikel richtet sich an Windows 8.x- und Windows Phone 8.x-Entwickler, die Windows-Runtime-Apps schreiben. Wenn Sie für Windows 10 entwickeln, finden Sie weitere Informationen unter neueste Dokumentation ]

In dieser Schnellstartanleitung wird das Entwerfen und Implementieren eines Meldungsdialogfelds beschrieben. Wie unter Hinzufügen von Meldungsdialogfeldern beschrieben, werden Meldungsdialogfelder in einer App von Rand zu Rand dargestellt, wobei die horizontale Größe jeweils auf dem Inhalt des Dialogfelds basiert. Sie können dem Dialogfeld einen Titel, eine Meldung und bis zu drei Schaltflächen hinzufügen.

Voraussetzungen

Schritte

Mit dem Beispielcode wird ein Meldungsdialogfeld angezeigt, in dem Benutzer informiert werden, dass keine Internetverbindung gefunden werden kann. Außerdem werden Benutzer zu einer Reaktion aufgefordert. Der Großteil des Codes in dieser Schnellstartanleitung ist unter Meldungsdialogfeld – Beispiel enthalten.

1. Erstellen Sie den Inhalt des Dialogfelds.


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

2. Fügen Sie Schaltflächen hinzu.

        // 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. Zeigen Sie das Dialogfeld an.

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

4. Behandeln Sie bei Bedarf mehrere modale UIs.

Manchmal möchten Sie möglicherweise eine andere modale UI über ein Dialogfeld starten. Dazu zählt beispielsweise das Öffnen einer Dateiauswahl über ein Dialogfeld. Unter Windows können Sie die zusätzliche modale UI nicht über den Befehlshandler des ursprünglichen Dialogfelds starten.

Starten Sie die sekundäre UI stattdessen über den abgeschlossenen Handler des asynchronen Vorgangs. Der abgeschlossene Handler wird ausgeführt, nachdem das Dialogfeld zerstört wurde, und erhält das Ergebnis des asynchronen Vorgangs. So können Sie trotzdem erkennen, auf welchen Befehl der Benutzer in der ursprünglichen UI geklickt hat.


        var result = await msg.ShowAsync();

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

Zusammenfassung

In dieser Schnellstartanleitung wurde das Entwerfen und Implementieren von Meldungsdialogfeldern beschrieben.