Dela via

Timer-kontroll i Power Apps

  • Artikel

En kontroll som kan fastställa hur din app reagerar när en viss tid har passerat.

Beskrivning

Timers kan till exempel avgöra hur länge en kontroll ska visas eller ändra andra egenskaper för en kontroll efter en viss tidsperiod.

Anteckning

I Power Apps Studio körs timers endast i läget för förhandsgranskning.

Nyckelegenskaper

Duration – Hur lång tid en timer körs i millisekunder. Det maximala värdet är 24 timmar uttryckt i millisekunder. Standardvärdet är 60 sekunder.

OnTimerEnd – Åtgärder som ska utföras när en timer är klar.

Repeat – En timer kan starta om automatiskt när körningen är klar.

Ytterligare egenskaper

Align – Placeringen av text i förhållande till kontrollens horisontella centrum.

AutoPause – Om timerkontrollerna pausas automatiskt när användaren går till en annan skärm.

AutoStart – Om timerkontrollerna startar att spela automatiskt när användaren navigerar till skärmen som innehåller kontrollen.

BorderColor – En kontrolls kantlinjefärg.

BorderStyle – Om en kontrolls kantlinje är solid, streckad, prickad eller ingen.

BorderThickness – Tjockleken på en kontrolls kantlinje.

Color – Textens färg i en kontroll.

DisplayMode – Om kontrollen tillåter indata från användaren (redigera), bara visar data (visa) eller inaktiverad (inaktiverad).

DisabledBorderColor – Färgen på en kontrolls kantlinje om kontrollens egenskap DisplayMode är inställd på Disabled.

DisabledColor – Textens färg i en kontroll om dess egenskap DisplayMode är inställd på Disabled.

DisabledFill – Bakgrundsfärgen i en kontroll om dess egenskap DisplayMode är inställd på Disabled.

Fill – Bakgrundsfärgen i en kontroll.

FocusedBorderColor – Färgen på en kontrolls kantlinje när kontrollen har fokus.

FocusedBorderThickness – Tjockleken på en kontrolls kantlinje när kontrollen har fokus.

Font – Namnet på den teckensnittfamilj som text visas i.

FontWeight – Stilen på texten i en kontroll: Bold, Semibold, Normal eller Lighter.

Height – Avståndet mellan kontrollens övre och nedre kanter.

HoverBorderColor – Färgen på en kontrolls kantlinje när användaren för muspekaren över denna kontroll.

HoverColor – Färgen på texten i en kontroll när användaren för muspekaren över den.

HoverFill – Bakgrundsfärgen i en kontroll när användaren för muspekaren över den.

Italic – Om texten i en kontroll är kursiv.

OnSelect – Åtgärder som ska utföras när användaren trycker på eller klickar på en kontroll.

OnTimerStart – Åtgärder att utföra när en timer börjar köra.

PressedBorderColor – Färgen på en kontrolls kantlinje när användaren trycker eller klickar på denna kontroll.

PressedColor – Färgen på texten i en kontroll när användaren trycker eller klickar på denna kontroll.

PressedFill – Bakgrundsfärgen i en kontroll när användaren trycker eller klickar på denna kontroll.

Reset – Huruvida en kontroll återställs till sitt standardvärde eller inte.

Size – Teckenstorleken för den text som visas i en kontroll.

Start – Om timern startar.

Strikethrough – Om en linje dras genom den text som visas i en kontroll.

TabIndex – Tangentbordets navigeringsordning i förhållande till andra kontroller.

Text – Text som visas i en kontroll eller som användaren skriver i en kontroll.

Tooltip – Beskrivande text som visas när användaren för muspekaren över en kontroll.

Underline – Om en linje dras under den text som visas i en kontroll.

Visible – Om en kontroll visas eller är dold.

Width – Avståndet mellan kontrollens högra och vänstra kanter.

X – Avståndet mellan kontrollens vänstra kant och den överordnade containerns vänstra kant (skärmen om det inte finns någon överordnad behållare).

Y – Avståndet mellan kontrollens övre kant och den överordnade containerns övre kant (skärmen om det inte finns någon överordnad behållare).

Refresh( DataSource )

Exempel

Visa en nedräkning

  1. Lägg till en timer och ge den namnet Countdown.

    Vet du inte hur du lägger till, namnger och konfigurerar en kontroll?

  2. Ställ in timerns Duration-egenskap på 10000 och dess Repeat- och Autostart-egenskaper på true.

  3. (Valfritt) Gör det lättare att läsa av timern genom att ställa in dess Height-egenskap till 160, dess Width-egenskap till 600 och dess Size-egenskap till 60.

  4. Lägg till en etikett och ange egenskapen Text till följande formel:
    "Number of seconds remaining: " & RoundUp(10-Countdown.Value/1000, 0)

    Vill du ha mer information om RoundUp-funktionen eller andra funktioner?

    Etiketten visar hur många sekunder som återstår innan timer startas om.

Animera en kontroll

  1. Lägg till en timer och ge den namnet FadeIn.

    Vet du inte hur du lägger till, namnger och konfigurerar en kontroll?

  2. Ange timerns Duration-egenskap till 5000, dess Repeat-egenskap till sant och dess Text-egenskap till Växla animering.

  3. (Valfritt) Gör det lättare att läsa av timern genom att ställa in dess Height-egenskap till 160, dess Width-egenskap till 600 och dess Size-egenskap till 60.

  4. Lägg till en etikett och ställ in dess Text-egenskap till att visa Välkommen! och ställ in dess Color-egenskap enligt följande formel:
    ColorFade(Color.BlueViolet, FadeIn.Value/5000)

    Vill du ha mer information om ColorFade-funktionen eller andra funktioner?

  5. Välj timer-knappen för att starta eller stoppa animeringen. Texten i etiketten tonas till vitt, återgår till full intensitet och upprepar processen.

Riktlinjer för hjälpmedel

Samma riktlinjer för Knapp kontrollen gäller för Timer-kontrollen om användarna kan interagera med den.

Bakgrundstimers

Bakgrundstimers körs automatiskt och är dolda. Använd dem i en stödjande roll där den förflutna tiden är av mycket intresse för användaren. Du kan till exempel uppdatera data varje minut eller endast visa ett meddelande under en viss tid.

Bakgrundstimers ska ha deras Visible egenskap inställt på falsk för att de ska vara dolda för alla användare.

Överväganden för tidsgränsen

Om en timer körs automatiskt bör du fundera över huruvida användarna har tillräckligt med tid för att läsa och använda innehåll. Användare av tangentbords- och skärmläsare kan behöva mer tid att reagera på en tidsinställd händelse.

Det räcker med vilken som helst av följande metoder:

  • Tillåt att användare avbryter den tidsinställda händelsen.
  • Tillåt att användare justerar tidsgränsen innan den börjar.
  • Varna 20 sekunder innan tidsgränsen upphör att gälla och erbjud ett enkelt sätt att utöka gränsen.

Vissa scenarier är undantagna från dessa krav. Läs mer i WCAG 2.0 riktlinjer för tidsfrister.

Stöd för skärmläsare

  • Om en timer utlöser ändringar på den aktuella skärmen kan du använda en region för att meddela användare om skärmläsare vad som har ändrats.

    Anteckning

    Om timern visas och körs får skärmläsaren information om hur lång tid som förflutit var femte sekund.

  • Använd inte egenskapen Text för en kontroll för tidskänslig och viktig information. Skärmläsare meddelar inte ändringar till Text.

  • För interaktiva timers:

    • Text måste finnas.
    • Överväg att lägga till en Etikett kontroll för att visa förfluten tid. Använd timerns egenskap Text för att instruera användaren att starta eller stoppa timern.

Anteckning

Kan du berätta om dina inställningar för dokumentationsspråk? Svara i en kort undersökning. (observera att undersökningen är på engelska)

Undersökningen tar ungefär sju minuter. Inga personuppgifter samlas in (sekretesspolicy).