Démarrage rapide : conception d’une boîte de message (HTML)

Article
03/04/2016

[ Cet article est destiné aux développeurs Windows 8.x et Windows Phone 8.x qui créent des applications Windows Runtime. Si vous développez une application pour Windows 10, voir la Documentation ]

Ce didacticiel de démarrage rapide vous donne des indications sur la conception et sur l’implémentation de boîtes de message. Comme l’explique la rubrique Ajout de boîtes de message, les boîtes de message apparaissent côte à côte dans une application et sont redimensionnées horizontalement selon le contenu de la boîte de dialogue. Vous pouvez ajouter un titre, un message et jusqu’à trois boutons à votre boîte de dialogue.

Prérequis

Étapes

Le code fourni à titre d’exemple ci-dessous montre une boîte de message qui informe l’utilisateur qu’une connexion Internet est introuvable et l’invite à donner une réponse. La plupart du code fourni dans ce didacticiel de démarrage rapide figure dans l’exemple de boîte de message.

1. Créez le contenu de la boîte de dialogue.


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

2. Ajoutez des boutons.

        // 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. Affichez la boîte de dialogue.

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

4. Si vous le souhaitez, gérez plusieurs interfaces utilisateur modales.

Vous voudrez parfois lancer une autre interface utilisateur modale à partir d’une boîte de dialogue, par exemple en ouvrant le sélecteur de fichiers depuis une boîte de message. Windows ne vous autorisera pas à exécuter cette interface utilisateur modale supplémentaire à partir du gestionnaire de commandes de la boîte de dialogue d’origine.

À la place, vous devez lancer l’interface utilisateur secondaire à partir du gestionnaire terminé de l’opération asynchrone. Le gestionnaire terminé est exécuté après destruction de la boîte de dialogue et se voit affecter le résultat de l’opération asynchrone, de sorte qu’il vous est toujours possible de déterminer sur quelle commande l’utilisateur a cliqué à partir de l’interface utilisateur d’origine.


        var result = await msg.ShowAsync();

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

Récapitulatif

Ce didacticiel de démarrage rapide vous a présenté des instructions sur la conception et l’implémentation de boîtes de message.

Rubriques associées

MessageDialog

Exemple de boîte de message

Partager via