---
title: "Como criar uma janela pop-up numa aplicação"
date: "2018-03-06"
categories: 
  - "app-development"
  - "development"
  - "mobile"
  - "mobile-development"
tags: 
  - "app-development"
  - "cross-platform-mobile-development"
  - "mobiletogether"
description: Descubra como criar e configurar janelas pop-up em aplicações móveis utilizando o MobileTogether. Melhore a experiência do utilizador com diálogos modais para mensagens e para introdução de dados.
---
Status: #blog

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

Categories: [mobile-development](/blog/pt/category/mobile-development.md) | [development](/blog/pt/category/development.md) | [mobile-development](/blog/pt/category/mobile-development.md) | [mobile-development](/blog/pt/category/mobile-development.md)
# Como criar uma janela pop-up numa aplicação

Durante [Desenvolvimento de aplicações móveis](https://www.altova.com/pt/mobiletogether/) Frequentemente, os desenvolvedores querem que o utilizador realize uma ação rapidamente ou que lhe seja apresentada uma mensagem sobre a interface da aplicação – o que é conhecido como uma janela pop-up. Estas funcionalidades são úteis para permitir que o utilizador finalize um processo ou visualize uma mensagem sem interromper o seu progresso na aplicação.

O MobileTogether facilita a configuração de janelas pop-up de qualquer tamanho. Vamos analisar como funciona.

![Utilizador a interagir com a aplicação](/blog/images/shutterstock_160560011-1.jpg)

<!--more-->

## Definir uma janela pop-up

As janelas pop-up em aplicações são ideais para exibir uma mensagem breve ou permitir que o utilizador introduza alguma informação, sem ocupar toda a tela do dispositivo. Quando a tarefa da janela pop-up é concluída, o utilizador é redirecionado para o mesmo ponto no seu fluxo de trabalho original, para poder continuar a trabalhar na aplicação.

As janelas pop-up, também conhecidas como janelas modais, bloqueiam temporariamente a interação com a interface principal da aplicação. São, por exemplo, ideais para exibir mensagens de notificação ou qualquer elemento que possa interromper o fluxo de trabalho normal de uma aplicação.

No [MobileTogether](https://www.altova.com/pt/mobiletogether), os desenvolvedores de aplicações podem definir qualquer sub-página para ser uma janela pop-up através da ação _Ir para a Sub-página_ no diálogo de Ações.

Basta marcar a caixa ao lado de "_Mostrar subpágina como diálogo modal_" e indicar a altura e a largura desejadas para a sua janela pop-up. Neste exemplo, configurei a janela pop-up para ocupar 75% da largura do ecrã, com uma altura de 65%. Utilizar percentagens garante que a janela modal será exibida corretamente em qualquer dispositivo iOS, Android ou Windows.

 

![Definir a janela pop-up do aplicativo](/blog/images/app-pop-up.png)

 

Também pode definir valores diferentes para o modo retrato e para o modo paisagem, se desejar.

É fácil testar a sua janela pop-up utilizando o simulador integrado no MobileTogether Designer, que permite testar em todos os sistemas operativos e formatos.

 

![Simule o aplicativo em qualquer dispositivo](/blog/images/simulate-app.png)

 

Pode até mesmo testá-lo no seu próprio dispositivo, diretamente a partir do programa, clicando no botão "_Teste no Cliente_" na barra de ferramentas.

Aqui está como a janela pop-up que defini acima aparece no meu telemóvel:

 

![Notificação no telemóvel](/blog/images/pop-up-phone.png)

 

Veja como é fácil definir janelas pop-up e inúmeras outras opções [funcionalidades avançadas do aplicativo](https://www.altova.com/pt/mobiletogether/features) por [criar uma aplicação](https://www.altova.com/pt/mobiletogether/download) no software MobileTogether Designer, que está disponível gratuitamente.