---
title: "Cómo crear una ventana emergente en una aplicación"
date: "2018-03-06"
categories: 
  - "app-development"
  - "development"
  - "mobile"
  - "mobile-development"
tags: 
  - "app-development"
  - "cross-platform-mobile-development"
  - "mobiletogether"
description: Descubra cómo crear y configurar ventanas emergentes en aplicaciones móviles utilizando MobileTogether. Mejore la experiencia del usuario con cuadros de diálogo modales para mensajes e información.
---
Status: #blog

Tags:  #app-development #cross-platform-mobile-development #mobiletogether

Categories: [mobile-development](/blog/es/category/mobile-development.md) | [development](/blog/es/category/development.md) | [mobile-development](/blog/es/category/mobile-development.md) | [mobile-development](/blog/es/category/mobile-development.md)
# Cómo crear una ventana emergente en una aplicación

Durante [Desarrollo de aplicaciones móviles](https://www.altova.com/es/mobiletogether/) 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.

![Usuario interactuando con la aplicación](/blog/images/shutterstock_160560011-1.jpg)

<!--more-->

## 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](https://www.altova.com/es/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.

 

![Definición de la ventana emergente de la aplicación](/blog/images/app-pop-up.png)

 

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.

 

![Simule la aplicación en cualquier dispositivo](/blog/images/simulate-app.png)

 

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:

 

![Ventana emergente en el teléfono](/blog/images/pop-up-phone.png)

 

Descubra lo fácil que es definir ventanas emergentes y una gran variedad de otras [funciones avanzadas de la aplicación](https://www.altova.com/es/mobiletogether/features) al [crear una aplicación](https://www.altova.com/es/mobiletogether/download) en el programa MobileTogether Designer, que es gratuito.