Udostępnij przez


Podgląd aplikacji

Podczas tworzenia aplikacji warto wyświetlić podgląd aplikacji i zobaczyć, jak będzie ona wyglądać dla użytkowników. Użyj funkcji aplikacji w wersji zapoznawczej, aby zobaczyć, jak aplikacja jest wyświetlana na różnych urządzeniach i w różnych rozmiarach. Wyświetlanie podglądu aplikacji jest szczególnie korzystne podczas tworzenia dynamicznej aplikacji.

Aby wyświetlić podgląd aplikacji, otwórz aplikację do edycji w programie Power Apps Studio, w menu akcji wybierz przycisk Podgląd.Wyświetl podgląd aplikacji.

Użyj opcji podglądu, aby zobaczyć, jak aplikacja wygląda na różnych urządzeniach przy użyciu selektora urządzeń.

Wyświetl podgląd aplikacji.

Legenda:

  1. Urządzenia tabletowe: Umożliwia wybór spośród typowych urządzeń tabletowych od kilku producentów, a także możliwość wyboru niestandardowego rozmiaru na podstawie Twoich potrzeb. Ta opcja pokazuje ramkę urządzenia i bezpieczną strefę urządzenia, która jest wyświetlana jako czarna strefa na górze i na dole ekranu lub po bokach, w zależności od orientacji urządzenia. Pokazuje również czarny obszar z paskiem u dołu.
  2. Urządzenia przenośne: umożliwia wybór spośród typowych telefonów pochodzących z różnych producentów oraz możliwość wybierania niestandardowego rozmiaru na podstawie Twoich potrzeb. Ta opcja wyświetla ramkę urządzenia oraz strefę bezpieczeństwa urządzenia, która pokazywana jest jako czarny obszar u góry i u dołu lub po bokach, w zależności od orientacji urządzenia. Pokazuje również czarny obszar z paskiem u dołu.
  3. Widok internetowy: zobacz, jak wygląda twoja aplikacja w przeglądarce internetowej. Możesz wybrać rozmiar okna, aby wypełnić okno przeglądarki, lub wybrać rozmiar kanwy, aby zobaczyć, jak wygląda aplikacja podczas tworzenia bez opuszczania podglądu.
  4. Przełącznik orientacji: przełączanie między orientacją pionową i poziomą. Opcja Przełącznik orientacji jest wyłączona, jeśli ustawienie Zablokuj orientację jest włączone.

Jeśli tworzysz aplikację responsywną, zawartość w aplikacji dostosowuje się do rozmiaru ekranu używanego urządzenia.

Obejrzyj ten film wideo, aby dowiedzieć się, jak selektor urządzeń pomaga potwierdzić, że aplikacja jest prawidłowo dostosowywana.

Ustawienia wyświetlania

Sposób działania aplikacji z każdą opcją podglądu zależy od typu aplikacji i ustawień wyświetlania.

  • Jeśli aplikacja jest tworzona dla układu telefonu, także można wyświetlić jej podgląd na urządzeniach sieci Web i tabletach za pomocą wyboru urządzenia. Jeśli jednak aplikacja nie zostanie utworzona przy użyciu układu dynamicznego, zostanie wyświetlona w kształcie telefonu na urządzeniu internetowym i wybranym tablecie. Zostanie wyświetlony komunikat wyjaśniający, dlaczego podgląd jest wąski. Jeśli chcesz, aby aplikacja odpowiadała na telefon, tablet i rozmiary internetowe, zalecamy wybranie opcji tabletu podczas tworzenia aplikacji. W celu określenia przepływu zawartości dla różnych rozmiarów ekranów, w tym telefonów, można użyć kontenerów z automatycznymi układami. Więcej informacji: Tworzenie responsywnych aplikacji kanwy

  • W obszarze Ustawienia wyświetlania:

    • Skaluj do dopasowania: jeśli jest ustawione na Wł., cała aplikacja jest skalowana w celu dopasowania do dostępnego miejsca. Jeśli w aplikacji jest dostępna mniejsza przestrzeń, możesz zauważyć puste miejsca po bokach, co ma na celu dostosowanie skalowania. Gdy użytkownik odtwarza aplikację, zobaczy również puste miejsce.
    • Zablokuj orientację: po ustawieniu pozycji Włączone przycisk Przełącz orientację w selektorze urządzenia jest wyłączony.

Znane problemy

  • Jeśli ustawienie Skaluj, aby dopasować jest włączone a Zablokuj współczynnik proporcji jest wyłączone, podgląd nie będzie dokładny. Ta konfiguracja nie jest zalecana. Więcej informacji: Zmienianie rozmiaru ekranu i orientacji aplikacji typu canvas

  • Jeśli skalowanie do dopasowania jest wyłączone i zmieniasz rozmiar okna przeglądarki w trybie podglądu, podgląd nie będzie dokładny. Aby rozwiązać ten problem, zamknij i otwórz ponownie podgląd, gdy okno przeglądarki będzie mieć żądany rozmiar.