Del via

Kontrolelementet Timer i Power Apps

Et kontrolelement, der kan bestemme, hvordan din app reagerer, når der går et bestemt tidsrum.

Beskrivelse

Timere kan f.eks. bestemme, hvor længe et kontrolelement vises, eller ændre andre egenskaber for et kontrolelement, når der er gået et bestemt tidsrum.

Notat

I Power Apps Studio kører timere kun i eksempelvisning.

Nøgleegenskaber

Duration – Hvor længe en timer kører i millisekunder. Maksimum er 24 timer udtrykt i millisekunder. Standard er 60 sekunder.

OnTimerEnd – handlinger, der skal udføres, når en timer er færdig med at køre.

Repeat – om en timer automatisk genstartes, når den er færdig med at køre.

Yderligere egenskaber

Align – Placeringen af teksten i forhold til det vandrette centrum af kontrolelementet.

AutoPause – Om timerkontrolelementet automatisk afbrydes midlertidigt, hvis brugeren navigerer til en anden skærm.

AutoStart – om timerkontrolelementet automatisk begynder at blive afspillet, når brugeren navigerer til den skærm, der indeholder kontrolelementet.

BorderColor – farven på et kontrolelements kant.

BorderStyle – om et kontrolelements kant er Solid, Dashed, Dottedeller None.

BorderThickness – tykkelsen af et kontrolelements kant.

Color – farven på tekst i et kontrolelement.

DisplayMode – Om kontrolelementet tillader brugerinput (Edit), kun viser data (View) eller er deaktiveret (Disabled).

DisabledBorderColor – farven på et kontrolelements kant, hvis kontrolelementets DisplayMode egenskab er angivet til Disabled.

DisabledColor – farven på tekst i et kontrolelement, hvis egenskaben DisplayMode er angivet til Disabled.

DisabledFill – baggrundsfarven for et kontrolelement, hvis egenskaben DisplayMode er angivet til Disabled.

Fill – baggrundsfarven for et kontrolelement.

FocusedBorderColor – farven på et kontrolelements kant, når kontrolelementet er i fokus.

FocusedBorderThickness – tykkelsen af et kontrolelements kant, når kontrolelementet er i fokus.

Font – navnet på skrifttypefamilien, hvor teksten vises.

FontWeight – vægten af teksten i et kontrolelement: Bold, Semibold, Normaleller Lighter.

Height – afstanden mellem et kontrolelements øverste og nederste kant.

HoverBorderColor – Farven på et kontrolelements kant, når brugeren holder musemarkøren på kontrolelementet.

HoverColor – farven på teksten i et kontrolelement, når brugeren holder musemarkøren på det.

HoverFill – baggrundsfarven for et kontrolelement, når brugeren holder musemarkøren på det.

Italic – om teksten i et kontrolelement er kursiv.

OnSelect – handlinger, der skal udføres, når brugeren trykker eller klikker på et kontrolelement.

OnTimerStart – handlinger, der skal udføres, når en timer begynder at køre.

PressedBorderColor – farven på et kontrolelements kant, når brugeren trykker eller klikker på kontrolelementet.

PressedColor – farven på tekst i et kontrolelement, når brugeren trykker eller klikker på kontrolelementet.

PressedFill – baggrundsfarven for et kontrolelement, når brugeren trykker eller klikker på kontrolelementet.

Reset – om et kontrolelement vender tilbage til standardværdien.

Size – Skriftstørrelsen på den tekst, der vises i et kontrolelement.

Start – om timeren starter.

Strikethrough – om en linje vises via den tekst, der vises i et kontrolelement.

TabIndex – Rækkefølgen af tastaturnavigation i forhold til andre kontrolelementer.

Text – Tekst, der vises på et kontrolelement, eller som brugeren skriver i et kontrolelement.

Tooltip – Forklarende tekst, der vises, når brugeren holder markøren over et kontrolelement.

Underline – om der vises en linje under den tekst, der vises i et kontrolelement.

Visible – om et kontrolelement vises eller er skjult.

Width – afstanden mellem et kontrolelements venstre og højre kant.

X – afstanden mellem venstre kant af et kontrolelement og den venstre kant af dets overordnede objektbeholder (skærm, hvis der ikke er nogen overordnet objektbeholder).

Y – afstanden mellem den øverste kant af et kontrolelement og den øverste kant af den overordnede objektbeholder (skærm, hvis der ikke er en overordnet objektbeholder).

Refresh( DataSource )

Eksempler

Vis en nedtælling

  1. Tilføj en timer, og navngiv den Countdown.

    Ved du ikke, hvordan du tilføjer, navngiver og konfigurerer et kontrolelement?

  2. Angiv timerens egenskab Duration til 10000 og dens egenskaber Repeat og Autostart til true.

  3. (valgfrit) Gør det nemmere at læse timeren ved at angive egenskaben Height til 160, egenskaben Width til 600 og egenskaben Size til 60.

  4. Tilføj en etiket, og angiv dens egenskab Text til denne formel:
    "Antal sekunder tilbage: " & RoundUp(10-Countdown.Value/1000, 0)

    Vil du have flere oplysninger om funktionen RoundUp eller andre funktioner?

    Etiketten viser, hvor mange sekunder der er tilbage, før timeren genstartes.

Animere et kontrolelement

  1. Tilføj en timer, og navngiv den FadeIn.

    Ved du ikke, hvordan du tilføjer, navngiver og konfigurerer et kontrolelement?

  2. Angiv timerens Duration egenskab til 5000, dens Repeat egenskab til true og dens Text egenskab til Toggle-animation.

  3. (valgfrit) Gør det nemmere at læse timeren ved at angive egenskaben Height til 160, dens Width egenskab til 600 og dens Size egenskab til 60.

  4. Tilføj en etiket, angiv dens Text egenskab til at vise Welcome! og angive dens Color egenskab til denne formel:
    ColorFade(Color.BlueViolet, FadeIn.Value/5000)

    Vil du have flere oplysninger om funktionen ColorFade eller andre funktioner?

  5. Vælg timerknappen for at starte eller stoppe animationen. Teksten i etiketten toner til hvid, vender tilbage til fuld intensitet og gentager processen.

Retningslinjer for tilgængelighed

De samme retningslinjer for knapkontrolelementet gælder for kontrolelementet Timer , hvis brugerne kan interagere med det.

Baggrundstimere

Baggrundstimere kører automatisk og skjules. Brug dem i en understøttende rolle, hvor den forløbne tid er af ringe interesse for brugeren. Du kan f.eks. opdatere data hvert minut eller kun vise en meddelelse i et bestemt tidsrum.

Baggrundstimere skal have egenskaben Visible angivet til falsk, så de skjules for alle brugere.

Overvejelser i forbindelse med tidsindstillinger

Hvis en Timer kører automatisk, skal du overveje, om brugerne har tid nok til at læse og bruge indhold. Brugere af tastatur og skærmlæsere har muligvis brug for mere tid til at reagere på en tidsbegivenhed.

En af disse strategier er tilstrækkelig:

  • Tillad brugere at annullere den tidsbelagte hændelse.
  • Tillad brugere at justere tidsgrænsen, før den begynder.
  • Advar 20 sekunder, før tidsgrænsen udløber, og gør det nemt at forlænge grænsen.

Nogle scenarier er undtaget fra disse krav. Få mere at vide i WCAG 2.0-retningslinjen for tidsgrænser.

Understøttelse af skærmlæser

  • Hvis en timer udløser ændringer på den aktuelle skærm, skal du bruge et dynamisk område til at fortælle brugere af skærmlæsere, hvad der er ændret.

    Notat

    Hvis timeren er synlig og kører, meddeler skærmlæsere den forløbne tid hvert femte sekund.

  • Brug ikke egenskaben Text for et kontrolelement til tidsfølsomme og vigtige oplysninger. Skærmlæsere annoncerer ikke ændringer i Text.

  • Til interaktive timere:

    • Text skal være til stede.
    • Overvej at tilføje et Label kontrolelement for at få vist den forløbne tid. Brug timerens Text egenskab til at give brugeren besked om at starte eller stoppe timeren.
  • Last updated on