---
title: "Jak stworzyć okno wyskakujące w aplikacji"
date: "2018-03-06"
categories: 
  - "app-development"
  - "development"
  - "mobile"
  - "mobile-development"
tags: 
  - "app-development"
  - "cross-platform-mobile-development"
  - "mobiletogether"
description: Odkryj, jak tworzyć i konfigurować okna dialogowe w aplikacjach mobilnych za pomocą narzędzia MobileTogether. Popraw jakość obsługi użytkownika dzięki oknom dialogowym wyświetlającym komunikaty i umożliwiającym wprowadzanie danych.
---
Status: #blog

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

Categories: [mobile-development](/blog/pl/category/mobile-development.md) | [development](/blog/pl/category/development.md) | [mobile-development](/blog/pl/category/mobile-development.md) | [mobile-development](/blog/pl/category/mobile-development.md)
# Jak stworzyć okno wyskakujące w aplikacji

Podczas [Rozwój aplikacji mobilnych](https://www.altova.com/pl/mobiletogether/) Często zdarza się, że programista chce, aby użytkownik szybko wykonał określoną akcję, lub wyświetlić komunikat, który pojawia się nad aktualnym widokiem aplikacji – inaczej mówiąc, okno dialogowe. Są one przydatne, ponieważ pozwalają użytkownikowi zakończyć proces lub wyświetlić komunikat bez przerywania jego pracy w aplikacji.

MobileTogether umożliwia łatwą konfigurację okien dialogowych o dowolnym rozmiarze. Przyjrzyjmy się, jak to działa.

![Użytkownik korzysta z aplikacji](/blog/images/shutterstock_160560011-1.jpg)

<!--more-->

## Zdefiniuj okno wyskakujące

Okna dialogowe w aplikacjach są przydatne do wyświetlania krótkich komunikatów lub umożliwiania użytkownikowi wprowadzenia pewnych informacji, bez zajmowania całego ekranu urządzenia. Po zakończeniu działania okna dialogowego, użytkownik jest automatycznie przenoszony do miejsca, w którym wcześniej pracował, aby mógł kontynuować pracę w aplikacji.

Okna dialogowe, zwane również oknami modalnymi, tymczasowo blokują interakcję z głównym interfejsem aplikacji. Są one idealne do wyświetlania komunikatów informacyjnych lub wszelkich elementów, które mogą zakłócić normalny przebieg pracy aplikacji.

W platformie [MobileTogether](https://www.altova.com/pl/mobiletogether), programiści aplikacji mogą zdefiniować dowolną podstronę jako okno wyskakujące, korzystając z akcji _Przejdź do podstrony_ w oknie dialogowym akcji.

Po prostu zaznacz pole obok _Wyświetl podstronę jako okno dialogowe_ Następnie wprowadź żądaną wysokość i szerokość dla swojego okna wyskakującego. W tym przykładzie skonfigurowałem okno wyskakujące tak, aby zajmowało 75% szerokości ekranu i miało wysokość 65%. Użycie procentów zapewnia, że okno modalne będzie poprawnie wyświetlane na każdym urządzeniu z systemem iOS, Android lub Windows.

 

![Definicja okna dialogowego aplikacji](/blog/images/app-pop-up.png)

 

Można również zdefiniować oddzielne wartości dla trybu pionowego i poziomego, jeśli jest to potrzebne.

Testowanie okienka wyskakującego jest łatwe dzięki wbudowanemu symulatorowi w programie MobileTogether Designer, który umożliwia testowanie na wszystkich systemach operacyjnych i platformach.

 

![Symulacja działania aplikacji na dowolnym urządzeniu](/blog/images/simulate-app.png)

 

Można nawet przetestować to na własnym urządzeniu, bezpośrednio z poziomu programu Designer, klikając przycisk _Testowanie na urządzeniu docelowym_ znajdujący się na pasku narzędzi.

Oto jak wygląda okno dialogowe, które zdefiniowałem wcześniej, na moim telefonie:

 

![Wyskakujące okno na telefonie](/blog/images/pop-up-phone.png)

 

Zobacz, jak łatwo jest definiować okna wyskakujące i wiele innych elementów [zaawansowane funkcje aplikacji](https://www.altova.com/pl/mobiletogether/features) przez [tworzenie aplikacji](https://www.altova.com/pl/mobiletogether/download) w bezpłatnym programie MobileTogether Designer.