Dodaj przewijany ekran do aplikacji kanwy

Utwórz ekran w aplikacji kanwy, który użytkownicy będą mogli przewijać w celu wyświetlenia innych elementów. Możesz na przykład utworzyć aplikację na telefon, w której użytkownicy mogą wyświetlić dane na kilku wykresach, przewijając ekran.

Gdy dodasz wiele kontrolek w sekcji, będą one zachowywały swoje położenie względne, niezależnie od tego, czy aplikacja jest przeznaczona na telefon, czy na tablet. Rozmiar ekranu i orientacja także mogą wpływać na sposób zorganizowania sekcji.

Wymagania wstępne

  1. Utwórz pustą aplikację kanwy.
  2. Dowiedz się, jak dodawać i konfigurować kontrolki.

Tworzenie ekranu z przewijaniem

  1. Wybierz Nowy ekran poniżej menu górnego.

  2. Wybierz Możliwe przewijanie.

    Wybierz nowy ekran, a następnie wybierz typ ekranu, który można przewijać.

    Nowy ekran, który można przewijać, jest dodany do aplikacji.

    Zrzut ekranu przedstawiający ekran, który można przewijać, który jest dodawany do aplikacji.

Dodaj kontrolki

Przewijany ekran zawiera domyślnie płynną siatkę z jedną kartą danych. Karty danych ułatwiają rozdzielanie elementów składowych na ekranie. Aby można było przewijać ekran z wieloma kontrolkami, dodaj więcej kart danych. Następnie w razie potrzeby dodaj formanty do kart danych.

Aby dodać karty danych, możesz wybrać opcję Dodaj sekcję u dołu ekranu, który można przewijać.

Przycisk dodaj sekcję wyróżniony na ekranie, który można przewijać, na kanwie.

Zaczniemy od dodania formantów do karty danych dostępnej domyślnie z ekranem, który można przewijać, a następnie dodamy nową sekcję dodającą inną kartę danych. Gdy będzie dostępna nowa karta danych, do nowej karty danych dodamy jeszcze jeden formant.

Karty danych oraz formanty w kartach danych rozszerzają domyślną długość ekranu, co wymaga użycia funkcji przewijania ekranu.

Porada

Aby dowiedzieć się więcej o kartach danych, zobacz Omówienie kart danych.

  1. W lewym okienku wybierz + (Wstaw).

    Tekst alternatywny opisujący zawartość obrazu.

  2. Rozwiń Wykresy, a następnie wybierz opcję Wykres kolumnowy.

  3. Zmień rozmiar wykresu dodanego na ekranie, aby zużywał około dwóch trzecich ekranu.

  4. Zmniejsz rozmiar karty danych do rozmiaru dodanego wykresu.

    Zmień rozmiar karty danych na ekranie, aby zużywał około dwóch trzecich ekranu.

  5. Wybierz opcję Dodaj sekcję na ekranie, aby dodać inną sekcję.

    Do ekranu dodano nową kartę danych.

  6. Wybierz Wstaw > Wykresy > Wykres liniowy.

  7. Przewiń w dół ekranu przy użyciu paska przewijania po prawej stronie ekranu, a następnie wybierz opcję Dodaj sekcję, aby dodać trzecią kartę danych.

  8. Wybierz Wstaw > Wprowadź > Wprowadzanie za pomocą pióra.

  9. Zmiana rozmiaru formantu Wprowadzanie za pomocą pióra przez zwiększenie szerokości karty danych.

    Zmiana rozmiaru formantu Wprowadzanie za pomocą pióra w celu użycia większej szerokości ekranu.

  10. Naciśnij klawisz F5 na klawiaturze, aby wyświetlić podgląd aplikacji. Przewiń w dół, używając paska przewijania, do dolnej części ekranu.

    Podgląd ekranu, który można przewijać.

Gdy już teraz wiesz, jak używać ekranu z możliwością przewijania, dostosuj aplikację dalej zgodnie z wymaganiami biznesowymi.

Ekran przewijania dla formularzy

Ponieważ Power Apps używa kart danych do tworzenia obszarów, kontrolki Formularz wyświetlania i Formularz edycji nie mogą być do nich wstawiane. Zagnieżdżanie takiej kombinacji formantów może spowodować spadek wydajności aplikacji. W związku z tym podczas korzystania z formantów formularza należy używać kontenerów układów, takich jak formant Kontener pionowy.

Porada

Aby dowiedzieć się więcej o pracy z formularzami, zobacz opis Omówienie formularzy aplikacji kanwy.

Istnieje wiele różnych metod konfigurowania przewijania w formularzach:

Użyj właściwości Vertical Overflow

Użycie właściwości Vertical Overflow jest podstawowym sposobem użycia ekranu przewijania, który ma formularz.

  1. Upewnij się, że używasz pustego ekranu, a nie ekranu, który można przewijać.

  2. Wybierz Wstaw > Układ, a następnie wybierz Kontener pionowy.

  3. Z prawej strony ekranu w okienku właściwości wybierz z listy rozwijanej właściwość Vertical Overflow i wybierz pozycję Przewiń.

    Właściwość Vertical Overflow kontenera ustawionego na Przewiń.

  4. Dodaj formularz edycji lub wyświetlania z wymaganymi polami. Gdy lista pól przekracza rozmiar kontenera wewnątrz ekranu, można przewijać wewnątrz kontenera, używając paska przewijania.

    Pionowy kontener, który można przewijać, używając właściwości Vertical Overflow, która jest ustawiona w przypadku formularza wyświetlania.

Używanie kontenerów w kontenerach pionowych

W przypadku złożonych aplikacji można rozważyć dodanie kontenerów w kontrolce Kontener pionowy. Następnie dostosuj wysokość formularza i kontenera wewnętrznego, jak pokazano poniżej.

  1. Upewnij się, że używasz pustego ekranu, a nie ekranu, który można przewijać.

  2. Wybierz Wstaw > Układ, a następnie wybierz Kontener pionowy.

  3. Z prawej strony ekranu w okienku właściwości wybierz z listy rozwijanej właściwość Vertical Overflow i wybierz pozycję Przewiń.

  4. Wybierz Wstaw > Układ, a następnie wybierz Kontener.

  5. Z prawej strony ekranu w okienku właściwości zmień właściwość Flexible height na Wył.

    Właściwość Flexible height wyłączona dla kontenera.

  6. Dodaj formularz edycji lub wyświetlania z wymaganymi polami.

  7. Aby włączyć przewijanie w ekranie formularza, należy zaktualizować wysokość kontenera dodanego w kroku 4, a także formularza.

    Formularz, który można przewijać, używający wysokości kontenera i formularza w celu umożliwienia przewijania.

Aby uzyskać więcej informacji na temat pracy z dynamiczną aplikacją, zobacz temat Tworzenie dynamicznej aplikacji kanwy i Dynamiczne układy

Zobacz także

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