Cómo crear una ventana emergente en una aplicación

Durante Desarrollo de aplicaciones móviles A menudo, los desarrolladores desean que el usuario realice una acción rápida o que se muestre un mensaje sobre la interfaz de la aplicación actual, lo que se conoce como una ventana emergente. Estas ventanas son útiles para permitir que el usuario final complete un proceso o vea un mensaje sin interrumpir su progreso dentro de la aplicación.

MobileTogether facilita la configuración de ventanas emergentes de cualquier tamaño. Veamos cómo funciona.

Definir una ventana emergente

Las ventanas emergentes en las aplicaciones son ideales para mostrar un mensaje breve o permitir que el usuario introduzca cierta información, sin ocupar toda la pantalla del dispositivo. Una vez que la tarea de la ventana emergente se completa, el usuario regresa al mismo punto de su flujo de trabajo original para continuar trabajando en la aplicación.

Las ventanas emergentes, también llamadas ventanas modales, bloquean temporalmente la interacción con la vista principal de la aplicación. Son, por ejemplo, ideales para mostrar un mensaje de notificación o cualquier elemento que pueda interrumpir el flujo de trabajo habitual de una aplicación.

En MobileTogether, los desarrolladores de aplicaciones pueden definir cualquier subpágina como una ventana emergente a través de la acción Ir a subpágina en el cuadro de diálogo de acciones.

Simplemente marque la casilla junto a "Mostrar la subpágina como un cuadro de diálogo modal" e introduzca la altura y el ancho deseados para su ventana emergente. Aquí he configurado la ventana emergente para que ocupe el 75% del ancho de la pantalla, con una altura del 65%. Utilizar un porcentaje garantiza que la ventana modal se mostrará correctamente en cualquier dispositivo iOS, Android o Windows.

También puede definir valores separados para el modo vertical (retrato) y horizontal (paisaje), si lo desea.

Es fácil probar su ventana emergente utilizando el simulador integrado en MobileTogether Designer, que le permite realizar pruebas en todos los sistemas operativos y formatos.

Puede incluso probarlo en su propio dispositivo, directamente desde el programa de diseño, haciendo clic en el botón Prueba en el cliente que se encuentra en la barra de herramientas.

Así es como se ve la ventana emergente que definí anteriormente en mi teléfono:

Descubra lo fácil que es definir ventanas emergentes y una gran variedad de otras funciones avanzadas de la aplicación al crear una aplicación en el programa MobileTogether Designer, que es gratuito.