Praca z ekranami
Kliknij, aby skopiować
Ekrany są kluczową częścią każdej aplikacji mobilnej w AppMasterze. Aby stworzyć nowy ekran kliknij przycisk "Nowy ekran" po lewej stronie projektanta.
Istnieje wiele typów ekranów, które mogą być utworzone. Każdy ekran jest zaprojektowany dla konkretnego przypadku i implementuje swój własny styl wizualny i logikę. Poniżej znajduje się lista dostępnych ekranów ogólnych.
Typ ekranu | Opis |
Lista | Standardowy ekran listy, zaprojektowany do renderowania listy tego samego typu danych. Musisz zaprojektować tylko jeden podstawowy element i będzie on wypełniony prawdziwymi danymi z Twojego backendu. |
Widok | Ekran widoku jest przeznaczony do renderowania jednego elementu danych - zwykle jednego rekordu lub karty. Idealny do szczegółowego przeglądania jednego elementu. |
Grid | Ekran siatki jest przeznaczony do implementacji renderowania elementów w formie siatki. Siatka jest odmianą ekranu listy, ale z wymiarem poziomym. Ta sama idea za siatką: utwórz jeden element, a wszystkie rekordy będą renderowane w ten sam sposób. Nie ma przewijania w poziomie, tylko w pionie. |
Mapa | Ekran mapy został zaprojektowany do pracy z mapą (co za niespodzianka!). Użyj tego ekranu tylko jeśli mapa będzie kluczową częścią twojego ekranu, jeśli nie - użyj ekranu widoku z widżetem mapy. |
Lista okruszków chleba | Lista okruszków chleba jest odmianą ekranu listy, ale z możliwością grupowania elementów i okruszków chleba do nawigacji. |
Bottom Nav | Ekran Bottom Nav przeznaczony jest do implementacji menu dolnego. Zazwyczaj jest to najpopularniejszy ekran do tworzenia głównej nawigacji aplikacji. Maksymalnie do 5 przycisków. |
Tabs | Ekran Tabs jest przeznaczony do tworzenia struktury przypominającej zakładki, gdzie każda zakładka jest ekranem. |
Modal | Ekran modalny jest przeznaczony do wdrożenia ekranu modalnego, aby pokazać użytkownikowi pewne tymczasowe informacje. |
Bottom Sheet | Bottom sheet to ekran, bardzo podobny do ekranu modalnego, ale z możliwością przewijania w dół i na zewnątrz. Bottom sheet posiada również stan zminimalizowany. |
Sidemenu | Istnieje specjalny typ ekranu - dostarczany przez moduły. Jeśli zostanie włączony przynajmniej jeden moduł z nowymi typami ekranów - ekrany te znajdą się na końcu na rozwijanej liście nowych ekranów. |
Jest specjalny typ ekranu - dostarczany przez moduły. Jeśli co najmniej jeden moduł z nowymi typami ekranów będzie włączony - te ekrany będą w końcu na nowym rozwijanym ekranie.