---
title: "如何在应用程序中创建弹出窗口"
date: "2018-03-06"
categories: 
  - "app-development"
  - "development"
  - "mobile"
  - "mobile-development"
tags: 
  - "app-development"
  - "cross-platform-mobile-development"
  - "mobiletogether"
description: 了解如何使用 MobileTogether 在移动应用程序中创建和配置弹出窗口。通过模态对话框，为消息和输入提供更优质的用户体验。
---
Status: #blog

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

Categories: [mobile-development](/blog/zh/category/mobile-development.md) | [development](/blog/zh/category/development.md) | [mobile-development](/blog/zh/category/mobile-development.md) | [mobile-development](/blog/zh/category/mobile-development.md)
# 如何在应用程序中创建弹出窗口

在...期间 [移动应用程序开发](https://www.altova.com/zh/mobiletogether/) 通常，开发者希望让用户快速完成某个操作，或者在当前应用程序界面之上显示一条消息——这通常被称为弹出窗口。这些功能对于让最终用户完成某个流程或查看消息内容非常有用，而不会中断他们在应用程序中的操作。

MobileTogether 能够轻松配置各种尺寸的弹出窗口。接下来，我们来看看它的工作原理。

![用户正在与应用程序进行交互](/blog/images/shutterstock_160560011-1.jpg)

<!--more-->

## 定义弹出窗口

应用程序中的弹出窗口非常适合用于显示简短的消息，或者让用户输入一些信息，而不会占据整个设备屏幕。一旦弹出窗口的任务完成，用户将返回到他们最初工作流程中的相同位置，以便继续在应用程序中工作。

弹出窗口也被称为模态窗口，因为它们会暂时阻止用户与应用程序主界面的交互。例如，它们非常适合用于显示通知消息，或者任何可能中断应用程序正常工作流程的内容。

在...之中 [MobileTogether](https://www.altova.com/zh/mobiletogether), 应用程序开发者可以通过该功能，将任何子页面定义为弹出窗口 _前往子页面_ 在“操作”对话框中执行操作。

只需勾选“_以弹出窗口显示子页面_”复选框，并输入您希望的弹出窗口的高度和宽度。在这里，我将弹出窗口的宽度设置为屏幕宽度的75%，高度设置为65%。使用百分比可以确保弹出窗口在任何iOS、Android或Windows设备上都能良好显示。

 

![应用程序弹出窗口的定义](/blog/images/app-pop-up.png)

 

您也可以根据需要，为纵向（肖像）和横向（风景）模式分别设置不同的数值。

您可以使用 MobileTogether Designer 内置的模拟器，轻松测试您的弹出窗口。该模拟器支持所有操作系统和设备形态，让您可以进行全面测试。

 

![在任何设备上模拟应用程序](/blog/images/simulate-app.png)

 

您甚至可以在自己的设备上进行测试，直接从设计器中操作，只需点击工具栏上的“_在客户端进行试运行_”按钮即可。

以下是我在手机上设置的弹出窗口的显示效果：

 

![手机弹出窗口](/blog/images/pop-up-phone.png)

 

看看如何轻松定义弹出窗口以及其他各种功能 [高级应用功能](https://www.altova.com/zh/mobiletogether/features) 由 [开发应用程序](https://www.altova.com/zh/mobiletogether/download) 在免费的 MobileTogether 设计器中。