---
title: "Wie man ein Pop-up-Fenster in einer App erstellt"
date: "2018-03-06"
categories: 
  - "app-development"
  - "development"
  - "mobile"
  - "mobile-development"
tags: 
  - "app-development"
  - "cross-platform-mobile-development"
  - "mobiletogether"
description: Entdecken Sie, wie Sie mit MobileTogether Pop-up-Fenster in mobilen Anwendungen erstellen und konfigurieren können. Verbessern Sie die Benutzererfahrung durch den Einsatz von modalen Dialogen für Nachrichten und Eingaben.
---
Status: #blog

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

Categories: [mobile-development](/blog/de/category/mobile-development.md) | [development](/blog/de/category/development.md) | [mobile-development](/blog/de/category/mobile-development.md) | [mobile-development](/blog/de/category/mobile-development.md)
# Wie man ein Pop-up-Fenster in einer App erstellt

Bei der Entwicklung von [mobilen Anwendungen](https://www.altova.com/de/mobiletogether/) gibt es oft eine schnelle Aktion, die der Entwickler dem Benutzer ausführen lassen möchte, oder eine Nachricht, die über die aktuelle App-Ansicht angezeigt werden kann – auch bekannt als Pop-up-Fenster. Diese sind nützlich, um dem Endbenutzer eine Aufgabe ausführen zu lassen oder eine Nachricht anzuzeigen, ohne seinen Fortschritt in der App zu unterbrechen.

MobileTogether macht es einfach, Pop-up-Fenster jeder Größe zu konfigurieren. Sehen wir uns an, wie das funktioniert.

![Benutzer interagiert mit der App](/blog/images/shutterstock_160560011-1.jpg)

<!--more-->

## Definieren Sie ein Pop-up-Fenster

Pop-up-Fenster in Apps sind ideal, um kurzfristige Nachrichten anzuzeigen oder dem Benutzer die Möglichkeit zu geben, Informationen einzugeben, ohne dabei den gesamten Bildschirm des Geräts zu belegen. Sobald die Aufgabe im Pop-up-Fenster erledigt ist, wird der Benutzer an die Stelle in seinem ursprünglichen Arbeitsablauf zurückgeführt, wo er die Arbeit in der App fortsetzen kann.

Pop-up-Fenster werden auch als Modalfenster bezeichnet, da sie vorübergehend die Interaktion mit der Hauptansicht der Anwendung blockieren. Sie eignen sich beispielsweise ideal, um eine Benachrichtigung anzuzeigen oder alles, was den normalen Arbeitsablauf einer Anwendung unterbrechen könnte.

In [MobileTogether](https://www.altova.com/de/mobiletogether) können App-Entwickler jede Unterseite als Pop-up-Fenster definieren, indem sie in der Aktionsdialogbox die Aktion _Gehe zu Unterseite_ verwenden.

Aktivieren Sie einfach das Kontrollkästchen neben "_Unterseite als modales Dialogfenster anzeigen_" und geben Sie die gewünschte Höhe und Breite für Ihr Pop-up-Fenster ein. Hier habe ich das Pop-up so konfiguriert, dass es 75 % der Bildschirmbreite einnimmt und eine Höhe von 65 % hat. Die Verwendung von Prozentwerten stellt sicher, dass das modale Fenster auf jedem iOS-, Android- oder Windows-Gerät gut angezeigt wird.

 

![Definition des Pop-up-Fensters einer App](/blog/images/app-pop-up.png)

 

Sie können bei Bedarf auch separate Werte für Hochformat und Querformat festlegen.

Es ist einfach, Ihr Pop-up mit dem integrierten Simulator in MobileTogether Designer zu testen, der es Ihnen ermöglicht, auf allen Betriebssystemen und Geräteformen zu testen.

 

![Simulieren Sie die App auf jedem Gerät](/blog/images/simulate-app.png)

 

Sie können es sogar direkt auf Ihrem eigenen Gerät testen, und zwar über den Designer, indem Sie auf der Symbolleiste den Button "_Testlauf auf Client_" anklicken.

So sieht das Pop-up-Fenster aus, das ich oben definiert habe, auf meinem Smartphone:

 

![Pop-up-Fenster auf dem Telefon](/blog/images/pop-up-phone.png)

 

Entdecken Sie, wie einfach es ist, Pop-up-Fenster und zahlreiche andere [fortgeschrittene App-Funktionen](https://www.altova.com/de/mobiletogether/features) zu definieren, indem Sie [eine App erstellen](https://www.altova.com/de/mobiletogether/download) mit dem kostenlosen MobileTogether Designer.