Una ventana emergente, o pop-up, en App Inventor es un pequeño cuadro de diálogo que aparece sobre la interfaz principal de la aplicación para mostrar información al usuario o solicitar su confirmación. Es una manera rápida y sencilla de entregar mensajes importantes, alertas o pedir acciones sin cambiar de pantalla.
¿Cuándo usar ventanas emergentes?
- Mostrar un mensaje de bienvenida al iniciar la app.
- Notificar al usuario sobre errores, como campos incompletos.
- Pedir confirmación antes de realizar una acción irreversible (ej. borrar datos).
- Mostrar información adicional sobre un elemento al tocarlo.
Crear una ventana emergente: paso a paso
App Inventor ofrece diferentes componentes para crear ventanas emergentes. El más común es el componente Notifier.
Fase 1: Agregar el componente Notifier
- En la paleta de Componentes, busca "Notifier" en la sección "Interfaz de Usuario".
- Arrastra el componente Notifier a la pantalla de tu aplicación. Verás que no es visible en la pantalla, sino que se agrega a la lista de componentes no visibles.
Fase 2: Usar el bloque "ShowMessageDialog"
- Ve al editor de bloques.
- Busca el componente Notifier que agregaste.
- Usa el bloque "Notifier.ShowMessageDialog". Este bloque es la clave para mostrar la ventana emergente.
Fase 3: Configurar el mensaje y el título
- Conecta una cadena de texto (un bloque de texto vacío) al conector "message" del bloque "ShowMessageDialog". Escribe el mensaje que quieres mostrar en la ventana emergente. Por ejemplo, "¡Acción realizada con éxito!".
- Conecta otra cadena de texto al conector "title". Este será el título de la ventana emergente. Por ejemplo, "Éxito".
- Conecta una cadena de texto al conector "buttonText". Este es el texto que aparecerá en el botón para cerrar la ventana. Por ejemplo, "OK".
Ejemplo sencillo: Mostrar un mensaje al pulsar un botón
Para mostrar el mensaje cuando el usuario pulsa un botón:
Must Read
- Crea un botón en la interfaz de usuario.
- En el editor de bloques, busca el bloque de evento "Button1.Click".
- Dentro de este bloque de evento, coloca el bloque "Notifier.ShowMessageDialog" y configúralo como se explicó anteriormente.
¡Listo! Al pulsar el botón, aparecerá la ventana emergente con el mensaje que definiste.
