Compartir a través de


Inicio rápido: diseñar un cuadro de diálogo de mensaje (HTML)

[ Este artículo está destinado a desarrolladores de Windows 8.x y Windows Phone 8.x que escriben aplicaciones de Windows Runtime. Si estás desarrollando para Windows 10, consulta la documentación más reciente ]

En este inicio rápido se ofrecen directrices para diseñar e implementar cuadros de diálogo de mensaje. Tal y como se describe en Agregar cuadros de diálogo de mensaje, los cuadros de diálogo de mensaje aparecen en el borde de una aplicación y cambian su tamaño horizontalmente en función del contenido del cuadro de diálogo. En un cuadro de diálogo puedes agregar un título, un mensaje y hasta tres botones.

Requisitos previos

Pasos

El código de muestra presenta un cuadro de diálogo que notifica al usuario que no se encuentra una conexión a Internet y pide respuesta al usuario. La mayoría del código de este inicio rápido está en la muestra de cuadro de diálogo de mensaje.


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

2. Agrega botones.

        // 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;
        // Show the message dialog
        msg.showAsync();

4. Si lo deseas, administra las diferentes interfaces de usuario modales.

Es posible que a veces quieras abrir otra interfaz de usuario modal a partir de un cuadro de diálogo, como abrir el selector de archivos desde un cuadro de diálogo de mensaje. Windows no te permitirá abrir la interfaz de usuario modal adicional desde el controlador de comandos del cuadro de diálogo original.

En cambio, debes abrir la interfaz de usuario secundaria desde el controlador completado de la operación asincrónica. El controlador completado se ejecuta una vez destruido el cuadro de diálogo y recibido el resultado de la operación asincrónica, para que aún puedas saber en qué comando hizo clic el usuario en la interfaz de usuario original.


        var result = await msg.ShowAsync();

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

Resumen

En este inicio rápido se ofrecieron directrices para diseñar e implementar cuadros de diálogo de mensaje.

Temas relacionados

MessageDialog

Muestra de cuadro de diálogo de mensaje