Udostępnij za pośrednictwem

Kontrolka Ekran w Power Apps

Element interfejsu użytkownika aplikacji, który zawiera inne kontrolki.

Opis

Większość aplikacji ma wiele kontrolek Ekran, które zawierają kontrolki Etykieta i Przycisk oraz inne kontrolki, służące do obsługi nawigacji i wyświetlania danych. Aby uzyskać informacje na temat dodawania ekranu, ponownego zamawiania ekranów i konfigurowania nawigacji, zobacz Dodawanie ekranu.

Kluczowe właściwości

BackgroundImage — nazwa pliku obrazu wyświetlanego w tle ekranu.

Fill – kolor tła kontrolki.

Dodatkowe właściwości

Height - wysokość ekranu. Jeśli aplikacja będzie odpowiadała (Skalowanie w celu dopasowania jest wyłączona) i urządzenie, na którym uruchomiona jest aplikacja, jest krótsze niż ta właściwość, ekran może przewijać w pionie.

ImagePosition pozycja (Wypełnij, Dopasuj, Rozciągnij, Kafelek lub Wyśrodkuj) obrazu na ekranie lub kontrolce, jeśli nie ma ona takiego samego rozmiaru jak obraz.

LoadingSpinner (Brak, Kontrolka lub Dane) — Brak możliwości — pokrętło nie będzie widoczne. Przy Kontrolkach | Dane będą wskazywać pokrętło, dopóki wszystkie kontrolki podrzędne na poziomie ekranu nie będą widoczne. Notatka. Nie są brane pod uwagę kontrolki zagnieżdżone.

LoadingSpinnerColor — kolor wypełnienia pokrętła ładowania.

Name - Nazwa ekranu.

OnHidden — zachowanie aplikacji po opuszczeniu ekranu przez użytkownika. Jeśli reguła Wyłącz nieblokującą regułę App.OnStart jest włączona w ustawieniach aplikacji, ta właściwość może wymagać oczekiwania na zakończenie wykonywania App.OnStart . Domyślnie to ustawienie jest włączone.

OnVisible — zachowanie aplikacji po wyświetleniu ekranu przez użytkownika. Ta właściwość służy do konfigurowania zmiennych i ładowania danych, które są używane przez ekran. Użyj właściwości App.OnStart do konfigurowania jednorazowo podczas uruchamiania aplikacji. Jeśli nieblokująca aplikacja App.OnStart jest włączona, zdarzenie Screen.OnVisible może być uruchamiane równolegle z nią. W związku z tym zaleca się powstrzymanie się od polegania na zmiennych lub kolekcjach, które są inicjowane przez App.OnStart, ponieważ mogą one nie zostać w pełni zainicjowane.

Orientation — orientację ekranu. Jeśli Width jest większa niż Height, orientacja będzie Layout.Horizontal; w przeciwnym razie będzie Layout.Vertical.

Size - dodatnia liczba całkowita, która powoduje zaklasyfikowanie rozmiaru ekranu. Klasyfikacja jest określana przez porównanie właściwości Width z wartościami we właściwości App.SizeBreakpoints. Typ ScreenSize składa się z czterech wartości (Mały, Średni, Duży i BardzoDuży) odpowiadających liczbom całkowitym od 1 do 4.

Width - szerokość ekranu. Jeśli aplikacja będzie odpowiadała (Skalowanie w celu dopasowania jest wyłączona) i urządzenie, na którym uruchomiona jest aplikacja, jest węższe niż ta właściwość, ekran może przewijać w poziomie.

Distinct( DataSource, ColumnName )

Przykład

  1. Dodaj kontrolkę Radio, nadaj jej nazwę ScreenFills i ustaw jej właściwość Items na tę wartość:

    ["Red", "Green"]

    Nie wiesz, jak dodać, nazwać i skonfigurować kontrolkę?

  2. Domyślnej kontrolce Ekran nadaj nazwę Źródło, dodaj kolejną kontrolkę Ekran i nadaj jej nazwę Cel.

  3. Na kontrolce Źródło dodaj kontrolkę Kształt (na przykład strzałkę) i ustaw jej właściwość OnSelect na następującą formułę:

    Navigate(Target, ScreenTransition.Fade)

    Potrzebujesz dalszych informacji na temat funkcji Navigate lub innych funkcji?

  4. Na kontrolce Cel dodaj kontrolkę Kształt (na przykład strzałkę) i ustaw jej właściwość OnSelect na następującą formułę:

    Navigate(Source, ScreenTransition.Fade)

  5. Ustaw właściwość Fill kontrolki Cel na następującą formułę:

    If("Red" in ScreenFills.Selected.Value, RGBA(255, 0, 0, 1), RGBA(54, 176, 75, 1))

  6. Zaznacz ekran Źródło, a następnie, przytrzymując naciśnięty klawisz Alt, zaznacz jedną z opcji w kontrolce Radio, a następnie wybierz kontrolkę Kształt.

    Kontrolka Cel zostanie wyświetlona w wybranym kolorze.

  7. Na kontrolce Cel kliknij lub naciśnij kontrolkę Kształt, aby powrócić do kontrolki Źródło.

  8. (Opcjonalnie) Wybierz inną opcję w kontrolce Radio, a następnie wybierz kontrolkę Kształt, aby upewnić się, że kontrolka Cel została wyświetlona w innym kolorze.

  9. (opcjonalne) Zmień kolejność ekranów, w lewym pasku nawigacyjnym najeżdżając myszką na Cel, zaznaczając wyświetloną elipsę, a następnie wybierając opcję Przenieś w górę.

    Cel jest wyświetlany w pierwszej kolejności, kiedy użytkownik otworzy aplikację.

Wytyczne dotyczące ułatwień dostępu

Kontrast kolorów

Jeśli aktualnym tłem tekstu jest Ekran, musi istnieć odpowiedni kontrast między następującymi kolorami:

  • właściwość Fill i tekst
  • właściwość BackgroundImage i tekst (jeśli ma to zastosowanie)

Jeśli na przykład Ekran zawiera Etykieta z przezroczystym wypełnieniem, właściwość Fill staje się kolorem tła etykiety.

Oprócz tekstu należy rozważyć sprawdzenie kontrastu kolorów między podstawowymi obiektami graficznymi, takimi jak obrazy gwiazdek w kontrolce Ocena.

Obsługa czytników ekranu

  • Każda kontrolka Ekran musi mieć znaczącą nazwę. Nazwę ekranu można wyświetlać i edytować w taki sam sposób jak inne kontrolki: w widoku drzewa okienka kontrolek lub w nagłówku okienka właściwości.

    Notatka

    Po załadowaniu nowego Ekran jego nazwa zostanie ogłoszona przy użyciu czytników ekranu.