Dodaj ekran

Gotowe ekrany umożliwiają twórcom łatwe tworzenie nowoczesnych, responsywnych aplikacji poprzez proste wybranie ekranu. Ekrany zostały zaprojektowane z myślą o typowych scenariuszach i kompozycjach aplikacji oraz zawierają responsywne kontenery i nowoczesne elementy sterujące.

Układy ekranu.

Dostępne są następujące nowe ekrany:

Dodaj nowy ekran

Podczas dodawania nowego ekranu można również wybrać układ ekranu, taki jak pusty lub podzielony ekran, który dostosowuje się do różnych rozmiarów ekranu.

  1. Zaloguj się do usługi Power Apps.
  2. Tworzenie aplikacji opartej na kanwie w formacie tabletu.
  3. W Power Apps Studio na pasku poleceń wybierz Nowy ekran, a następnie wybierz układ.
  4. Po zakończeniu można wyświetlić wersję zapoznawczą aplikacji i zobaczyć, jak aplikacja wyświetla się na różnych urządzeniach. Więcej informacji można znaleźć w sekcji Wersja zapoznawcza aplikacji.

Gdy opcja Skalowanie w celu dopasowania jest wyłączona, układ ekranu aplikacji dostosowuje się do rozmiaru ekranu urządzenia, na którym jest uruchamiana.

Ekran powitalny

Ekran powitania idealnie nadaje się na ekran startowy aplikacji. Zawiera pojedyncze kafelki, które można dostosować za pomocą obrazu, tytułu i tekstu opisu. Liczbę kafelków na ekranie można łatwo zmienić, dodając lub usuwając kafelki w kontenerze. Każdy kafelek może być używany do nawigowania użytkowników do innych części aplikacji.

Ekran powitalny zawiera następujące elementy sterujące:

  • Kontener nagłówka
    • Nagłówek
  • Kontener treści
    • Container
      • Kontener obrazu
        • Obraz (klasyczny)
      • Kontener tytułowy
        • Przycisk elementu funkcji
        • Tekst

Dodawanie i dostosowywanie ekranu powitalnego

  1. W Power Apps Studio wybierz Dodaj ekran > Ekran powitalny.
  2. Aby zmienić obraz, wybierz obraz, a następnie wybierz Edytuj.
  3. Wybierz przycisk sterujący Element fabularny i dodaj własny tekst.
  4. Wybierz Krótki opis lub angażująca wiadomość i edytuj tekst opisu.
  5. Aby dodać więcej kafelków, w widoku drzewa skopiuj i wklej element Kontener.
  6. Aby usunąć kafelek, w widoku drzewa kliknij prawym przyciskiem myszy Kontener i wybierz Usuń.

Ekran Nagłówek i galeria

Użyj ekranu Nagłówek i galeria, aby zaprezentować szeroki zakres informacji o produktach lub usługach, takich jak katalog produktów. Po podłączeniu kontrolki galerii do źródła danych, katalog jest generowany automatycznie i nie wymaga wielu dostosowań.

Kontrolka galeria na ekranie Nagłówek i galeria jest klasyczną kontrolką. Jednakże, gdy nowoczesna kontrolka galerii zostanie wydana, ekran Nagłówek i galeria będą korzystać z nowoczesnej kontrolki galerii. Więcej informacji można znaleźć w Przegląd nowoczesnych kontrolek i motywów w aplikacjach opartych na kanwie.

Ekran Nagłówek i galeria zawiera następujące elementy sterujące:

  • Kontener nagłówka
    • Nagłówek
  • Główny kontener
    • Galeria (klasyczna)
      • Kontener obrazu
        • Obraz (klasyczny)
    • Kontener tytułowy
      • Tekst tytułu
      • Tekst opisu
    • Kontener przycisku
      • Button

Dodawanie i dostosowywanie nagłówka i ekranu galerii

  1. W Power Apps Studio wybierz Dodaj ekran > Nagłówek i galeria.

  2. W widoku drzewa wybierz Galeria i połącz ją ze źródłem danych, takim jak Dataverse.

  3. Wybierz określone elementy sterujące w galerii, takie jak obraz, tekst tytułu i opis tekstowy.

    We właściwości Image użyj składni ThisItem, aby ustawić żądany obraz. Zastosuj tę samą metodę do tekstu tytułu i opisu tekstowego.

Ekran żądania zatwierdzenia

Ekran Wniosek o zatwierdzenie zawiera nagłówek, formularz z przyciskiem przesyłania oraz galerię z predefiniowanymi etapami. Ekran Wniosek o zatiwerdzenie jest przydatny w scenariuszach, w których akcje są wyzwalane przez przesłanie formularza, takich jak przesłanie żądania zatwierdzenia lub wyświetlenie procesu przepływu pracy dla firmy.

Ekran Wniosek o zatwierdzenie zawiera następujące elementy sterujące:

  • Kontener nagłówka
    • Nagłówek
  • Główny kontener
    • Kontener formularza
      • Tekst tytułu formularza
      • Formularz zatwierdzenia
      • Tekst przycisku przesyłania
    • Kontener paska bocznego
      • Tekst
      • Galeria (klasyczna)

Dodawanie i dostosowywanie ekranu wniosku o zatwierdzenie

  1. W Power Apps Studio wybierz opcję Dodaj ekran > Wniosek o zatwierdzenie.

  2. W widoku drzewa wybierz Wniosek o zatwierdzenie i połącz ją ze źródłem danych, takim jak Dataverse.

  3. Aby wyświetlić szczegóły etapów zatwierdzania, w widoku drzewa wybierz ReviewersGallery i w panelu właściwości wybierz zakładkę Zaawansowane i przejdź do Elementy.

    Poniższe szczegóły są częścią etapu zatwierdzania:

    • Nazwa: Nazwa etapu lub zatwierdzającego.

    • Tytuł: Podtytuł etapu lub zatwierdzającego.

    • Status: Status etapu

    • Obecny: Wskazuje, czy jest to bieżący etap wniosku o zatwierdzenie.

      Można również dodać proces zatwierdzania Power Automate w przycisku, aby powiadomić osobę zatwierdzającą. Aby uzyskać więcej informacji, zobacz Twórz i przetestuj proces zatwierdzania za pomocą Power Automate.

Zmiana kolejności ekranów

Jeśli masz więcej niż jeden ekran, możesz zmienić ich kolejność.

W lewym panelu najedź kursorem na ekran, który chcesz przesunąć w górę lub w dół, a następnie wybierz Przesuń w górę lub Przesuń w dół.

Uwaga

Użyj właściwości StartScreen, aby ustawić, który ekran zostanie wyświetlony jako pierwszy.

Dodawanie nawigacji

Podczas tworzenia aplikacji opartej na kanwie z wieloma ekranami można dodać nawigację, aby użytkownicy mogli poruszać się między ekranami.

  1. Po wybraniu ekranu wybierz Wstaw i w polu wyszukiwania wpisz Następna strzałka, a następnie wybierz ją.

  2. (opcjonalnie) Przenieś strzałkę tak, aby była ona wyświetlana w prawym dolnym rogu ekranu.

  3. Po wybraniu strzałki ustaw właściwość OnSelect na funkcję Nawiguj.

    Właściwość OnSelect ustawiona na funkcję Nawigacja.

    Gdy użytkownik wybierze strzałkę, stopniowo pojawi się ekran Cel.

  4. Na ekranie Target dodaj strzałkę Wstecz i ustaw jej właściwość OnSelect na następującą formułę:

    Navigate(Target, ScreenTransition.Fade)

    Uwaga

    W formule powyżej, gdzie jest napisane Cel, wpisz nazwę ekranu, do którego nawigujesz.

Więcej informacji

Informacje dotyczące kontroli nad ekranami

Uwaga

Czy możesz poinformować nas o preferencjach dotyczących języka dokumentacji? Wypełnij krótką ankietę. (zauważ, że ta ankieta jest po angielsku)

Ankieta zajmie około siedmiu minut. Nie są zbierane żadne dane osobowe (oświadczenie o ochronie prywatności).