Udostępnij przez


Kontrolka czasomierza w usłudze Power Apps

Kontrolka, która może określić, jak aplikacja reaguje po upływie określonego czasu.

Description

Czasomierze mogą na przykład określić, jak długo pojawi się kontrolka lub zmienić inne właściwości kontrolki po upływie określonego czasu.

Uwaga / Notatka

W programie Power Apps Studio czasomierze działają tylko w trybie podglądu.

Właściwości klucza

Czas trwania — jak długo czasomierz działa w milisekundach. Maksymalna wartość to 24 godziny wyrażone w milisekundach. Wartość domyślna to 60 sekund.

OnTimerEnd — akcje do wykonania po zakończeniu działania czasomierza.

Repeat — określa, czy czasomierz jest automatycznie uruchamiany ponownie po zakończeniu działania.

Dodatkowe właściwości

Align — lokalizacja tekstu w odniesieniu do poziomego środka kontrolki.

AutoPause — określa, czy kontrolka czasomierza automatycznie wstrzymuje się, jeśli użytkownik przejdzie do innego ekranu.

Autostart — określa, czy kontrolka czasomierza automatycznie zaczyna odtwarzać się, gdy użytkownik przechodzi do ekranu zawierającego ten formant.

BorderColor — kolor obramowania kontrolki.

BorderStyle — czy obramowanie kontrolki to Solid, Dashed, Dotted lub None.

BorderThickness — grubość obramowania kontrolki.

Color — kolor tekstu w kontrolce.

DisplayMode — określa, czy kontrolka zezwala na wprowadzanie danych przez użytkownika (Edycja), wyświetla tylko dane (Widok) lub jest wyłączona (wyłączone).

DisabledBorderColor — kolor obramowania kontrolki, jeśli właściwość DisplayMode kontrolki jest ustawiona na wartość Wyłączone.

DisabledColor — kolor tekstu w kontrolce, jeśli jej właściwość DisplayMode jest ustawiona na wartość Wyłączone.

DisabledFill — kolor tła kontrolki, jeśli jej właściwość DisplayMode jest ustawiona na wartość Wyłączone.

Fill – kolor tła kontrolki.

FocusedBorderColor — kolor obramowania kontrolki, gdy kontrolka jest skoncentrowana.

FocusedBorderThickness — grubość obramowania kontrolki, gdy kontrolka jest skoncentrowana.

Font — nazwa rodziny czcionek, w której pojawia się tekst.

FontWeight — waga tekstu w kontrolce: Pogrubienie, Semibold, Normalny lub Jaśniejszy.

Height — odległość między górną i dolną krawędzią kontrolki.

HoverBorderColor — kolor obramowania kontrolki, gdy użytkownik utrzymuje wskaźnik myszy na tej kontrolce.

HoverColor — kolor tekstu w kontrolce, gdy użytkownik utrzymuje wskaźnik myszy na nim.

HoverFill — kolor tła kontrolki, gdy użytkownik utrzymuje na niej wskaźnik myszy.

Kursywa — czy tekst w kontrolce jest kursywą.

OnSelect — akcje do wykonania po naciśnięciu lub kliknięciu kontrolki przez użytkownika.

OnTimerStart — akcje do wykonania po uruchomieniu czasomierza.

PressedBorderColor — kolor obramowania kontrolki, gdy użytkownik naciśnie lub kliknie kontrolkę.

PressedColor — kolor tekstu w kontrolce, gdy użytkownik naciśnie lub kliknie kontrolkę.

PressedFill — kolor tła kontrolki, gdy użytkownik naciśnie lub kliknie kontrolkę.

Reset — określa, czy kontrolka przywraca wartość domyślną.

Size — rozmiar czcionki tekstu wyświetlanego w kontrolce.

Start — określa, czy czasomierz jest uruchamiany.

Przekreślenie — określa, czy wiersz pojawia się przez tekst wyświetlany w kontrolce.

TabIndex — kolejność nawigacji za pomocą klawiatury w odniesieniu do innych kontrolek.

Text — tekst wyświetlany w kontrolce lub typie użytkownika w kontrolce.

Etykietka narzędzia — tekst objaśniający wyświetlany po umieszczeniu wskaźnika myszy na kontrolce.

Podkreśl — określa, czy wiersz pojawia się pod tekstem wyświetlanym w kontrolce.

Visible — określa, czy kontrolka jest wyświetlana, czy ukryta.

Width — odległość między lewą i prawą krawędzią kontrolki.

X — odległość między lewą krawędzią kontrolki a lewą krawędzią kontenera nadrzędnego (ekran, jeśli nie ma kontenera nadrzędnego).

Y — odległość między górną krawędzią kontrolki a górną krawędzią kontenera nadrzędnego (ekran, jeśli nie ma kontenera nadrzędnego).

Refresh( Źródło danych )

Przykłady

Pokaż odliczanie

  1. Dodaj czasomierz i nadaj mu nazwę Countdown.

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

  2. Ustaw właściwość Czas trwania czasomierza na 10000 , a jej właściwości Repeat i Autostart mają wartość true.

  3. (opcjonalnie) Ułatwi odczytywanie czasomierza, ustawiając właściwość Height na 160, właściwość Width na 600, a właściwość Size na 60.

  4. Dodaj etykietę i ustaw jej właściwość Text na następującą formułę:
    "Liczba pozostałych sekund: " & RoundUp(10-Countdown.Value/1000, 0)

    Chcesz uzyskać więcej informacji na temat funkcji RoundUp lub innych funkcji?

    Etykieta pokazuje, ile sekund pozostało przed ponownym uruchomieniem czasomierza.

Animowanie kontrolki

  1. Dodaj czasomierz i nadaj mu nazwę FadeIn.

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

  2. Ustaw właściwość Duration czasomierza na wartość 5000, właściwość Repeat na true, a właściwość Text na wartość Przełącz animację.

  3. (opcjonalnie) Ułatwi odczytywanie czasomierza, ustawiając właściwość Height na 160, właściwość Width na 600, a właściwość Size na 60.

  4. Dodaj etykietę, ustaw jej właściwość Text na wartość Welcome! i ustaw jej właściwość Color na następującą formułę:
    ColorFade(Color.BlueViolet, FadeIn.Value/5000)

    Chcesz uzyskać więcej informacji na temat funkcji ColorFade lub innych funkcji?

  5. Wybierz przycisk czasomierza, aby uruchomić lub zatrzymać animację. Tekst w etykiecie zanika w kolorze białym, powraca do pełnej intensywności i powtarza proces.

Wytyczne dotyczące ułatwień dostępu

Te same wytyczne dotyczące kontrolki Przycisk dotyczą kontrolki Czasomierz , jeśli użytkownicy mogą z nią korzystać.

Czasomierze w tle

Czasomierze w tle są uruchamiane automatycznie i są ukryte. Używaj ich w roli pomocniczej, w której czas, który upłynął, jest mało interesujący dla użytkownika. Można na przykład odświeżyć dane co minutę lub wyświetlić komunikat powiadomienia tylko przez określony czas.

Czasomierze w tle powinny mieć ustawioną właściwość Visible na wartość false, aby były ukryte przed wszystkimi użytkownikami.

Zagadnienia dotyczące chronometrażu

Jeśli czasomierz jest uruchamiany automatycznie, zastanów się, czy użytkownicy mają wystarczająco dużo czasu na odczytywanie i używanie zawartości. Użytkownicy klawiatury i czytnika zawartości ekranu mogą potrzebować więcej czasu, aby zareagować na zdarzenie o określonym czasie.

Każda z tych strategii jest wystarczająca:

  • Zezwalaj użytkownikom na anulowanie zdarzenia z czasem.
  • Zezwalaj użytkownikom na dostosowanie limitu czasu przed jego rozpoczęciem.
  • Ostrzegaj 20 sekund przed wygaśnięciem limitu czasu i zapewni łatwy sposób na przedłużenie limitu.

Niektóre scenariusze są wykluczone z tych wymagań. Dowiedz się więcej w wytycznych WCAG 2.0 dotyczących limitów czasu.

Obsługa czytników ekranu

  • Jeśli czasomierz wyzwoli zmiany na bieżącym ekranie, użyj regionu na żywo , aby poinformować użytkowników o tym, co się zmieniło.

    Uwaga / Notatka

    Jeśli czasomierz jest widoczny i uruchomiony, czytniki zawartości ekranu będą ogłaszać czas, który upłynął co pięć sekund.

  • Nie używaj właściwości Text kontrolki dla informacji poufnych i ważnych. Czytniki zawartości ekranu nie będą ogłaszać zmian w tekście.

  • W przypadku interakcyjnych czasomierzy:

    • Tekst musi być obecny.
    • Rozważ dodanie kontrolki Etykieta , aby pokazać czas, który upłynął. Użyj właściwości Text czasomierza, aby poinstruować użytkownika, aby uruchamiał lub zatrzymywał czasomierz.