Jak stworzyć okno wyskakujące w aplikacji

Podczas Rozwój aplikacji mobilnych 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.

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, 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.

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.

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:

Zobacz, jak łatwo jest definiować okna wyskakujące i wiele innych elementów zaawansowane funkcje aplikacji przez tworzenie aplikacji w bezpłatnym programie MobileTogether Designer.