Compartilhar via


Controle de temporizador no Power Apps

Um controle que pode determinar como seu aplicativo responde após uma determinada quantidade de tempo passar.

Description

Os temporizadores podem, por exemplo, determinar por quanto tempo um controle aparece ou alterar outras propriedades de um controle após um determinado período de tempo ter passado.

Observação

No Power Apps Studio, os temporizadores são executados somente no modo De visualização.

Principais propriedades

Duração – quanto tempo um temporizador é executado em milissegundos. O máximo é de 24 horas expresso em milissegundos. O padrão é 60 segundos.

OnTimerEnd – Ações a serem executadas quando um temporizador terminar de ser executado.

Repita se um temporizador é reiniciado automaticamente quando terminar de ser executado.

Propriedades adicionais

Alinhar – o local do texto em relação ao centro horizontal de seu controle.

AutoPause – se o controle de temporizador pausa automaticamente se o usuário navega para uma tela diferente.

Início Automático – se o controle de temporizador começa a ser reproduzido automaticamente quando o usuário navega até a tela que contém esse controle.

BorderColor – A cor da borda de um controle.

BorderStyle – se a borda de um controle é Solid, Dashed, Dotted ou None.

BorderThickness – A espessura da borda de um controle.

Cor – a cor do texto em um controle.

DisplayMode – se o controle permite a entrada do usuário (Editar), exibe apenas dados (Exibição) ou está desabilitado (Desabilitado).

DisabledBorderColor – A cor da borda de um controle se a propriedade DisplayMode do controle estiver definida como Desabilitada.

DisabledColor – A cor do texto em um controle se sua propriedade DisplayMode estiver definida como Desabilitada.

DisabledFill – A cor da tela de fundo de um controle se sua propriedade DisplayMode estiver definida como Desabilitada.

Fill – a cor da tela de fundo de um controle.

FocusedBorderColor – A cor da borda de um controle quando o controle está focado.

FocusedBorderThickness – A espessura da borda de um controle quando o controle está focado.

Fonte – o nome da família de fontes em que o texto é exibido.

FontWeight – O peso do texto em um controle: Negrito, Semiaberto, Normal ou Mais Leve.

Altura – a distância entre as bordas superior e inferior de um controle.

HoverBorderColor – A cor da borda de um controle quando o usuário mantém o ponteiro do mouse nesse controle.

HoverColor – A cor do texto em um controle quando o usuário mantém o ponteiro do mouse sobre ele.

HoverFill – A cor da tela de fundo de um controle quando o usuário mantém o ponteiro do mouse sobre ele.

Itálico – se o texto em um controle é itálico.

OnSelect – Ações a serem executadas quando o usuário toca ou clica em um controle.

OnTimerStart – Ações a serem executadas quando um temporizador começa a ser executado.

PressedBorderColor – A cor da borda de um controle quando o usuário toca ou clica nesse controle.

PressedColor – A cor do texto em um controle quando o usuário toca ou clica nesse controle.

PressedFill – A cor da tela de fundo de um controle quando o usuário toca ou clica nesse controle.

Redefinição – se um controle é revertido para seu valor padrão.

Tamanho – o tamanho da fonte do texto que aparece em um controle.

Iniciar – se o temporizador é iniciado.

Tachado – se uma linha aparece por meio do texto que aparece em um controle.

TabIndex – Ordem de navegação do teclado em relação a outros controles.

Texto – Texto que aparece em um controle ou que o usuário digita em um controle.

Dica de ferramenta – texto explicativo exibido quando o usuário passa o mouse sobre um controle.

Sublinhado – se uma linha aparece sob o texto que aparece em um controle.

Visível – se um controle aparece ou está oculto.

Largura – a distância entre as bordas esquerda e direita de um controle.

X – a distância entre a borda esquerda de um controle e a borda esquerda de seu contêiner pai (ou a tela, se não houver contêiner pai).

Y – a distância entre a borda superior de um controle e a borda superior de seu contêiner pai (ou a tela, se não houver contêiner pai).

Refresh( DataSource )

Exemplos

Mostrar uma contagem regressiva

  1. Adicione um temporizador e nomeie-o em Contagem Regressiva.

    Não sabe como adicionar, nomear e configurar um controle?

  2. Defina a propriedade Duration do temporizador como 10000 e suas propriedades Repeat e Autostart como true.

  3. (opcional) Torne o temporizador mais fácil de ler definindo sua propriedade Height como 160, sua propriedade Width como 600 e sua propriedade Size como 60.

  4. Adicione um rótulo e defina sua propriedade Text para esta fórmula:
    "Número de segundos restantes: " &RoundUp(10-Countdown.Value/1000, 0)

    Deseja obter mais informações sobre a função RoundUp ou outras funções?

    O rótulo mostra quantos segundos restam antes que o temporizador seja reiniciado.

Animar um controle

  1. Adicione um temporizador e nomeie-o FadeIn.

    Não sabe como adicionar, nomear e configurar um controle?

  2. Defina a propriedade Duration do temporizador como 5000, sua propriedade Repeat como true e sua propriedade Text para ativar a animação Toggle.

  3. (opcional) Torne o temporizador mais fácil de ler definindo sua propriedade Height como 160, sua propriedade Width como 600 e sua propriedade Size como 60.

  4. Adicione um rótulo, defina sua propriedade Text para mostrar Bem-vindo! e defina sua propriedade Color como esta fórmula:
    ColorFade(Color.BlueViolet, FadeIn.Value/5000)

    Deseja obter mais informações sobre a função ColorFade ou outras funções?

  5. Selecione o botão de temporizador para iniciar ou parar a animação. O texto no rótulo esmaece para branco, retorna à intensidade total e repete o processo.

Diretrizes de acessibilidade

As mesmas diretrizes para o controle Button se aplicam ao controle Temporizador se os usuários puderem interagir com ele.

Temporizadores em segundo plano

Os temporizadores em segundo plano são executados automaticamente e ficam ocultos. Use-os em uma função de suporte em que o tempo decorrido seja de pouco interesse para o usuário. Por exemplo, você pode atualizar dados a cada minuto ou mostrar uma mensagem de notificação apenas por um determinado período de tempo.

Os temporizadores de plano de fundo devem ter sua propriedade Visible definida como false para que estejam ocultos de todos os usuários.

Considerações de tempo

Se um Timer for executado automaticamente, considere se os usuários têm tempo suficiente para ler e usar conteúdo. Os usuários de teclado e leitor de tela podem precisar de mais tempo para reagir a um evento cronometrado.

Qualquer uma dessas estratégias é suficiente:

  • Permitir que os usuários cancelem o evento cronometrado.
  • Permitir que os usuários ajustem o limite de tempo antes de começar.
  • Avise 20 segundos antes que o limite de tempo expire e forneça uma maneira fácil de estender o limite.

Alguns cenários são isentos desses requisitos. Saiba mais na diretriz do WCAG 2.0 para limites de tempo.

Suporte ao leitor de tela

  • Se um temporizador disparar alterações na tela atual, use uma região dinâmica para informar aos usuários leitores de tela o que mudou.

    Observação

    Se o temporizador estiver visível e em execução, os leitores de tela anunciarão o tempo decorrido a cada cinco segundos.

  • Não use a propriedade Text de um controle para informações importantes e sensíveis ao tempo. Os leitores de tela não anunciarão alterações no Texto.

  • Para temporizadores interativos:

    • O texto deve estar presente.
    • Considere adicionar um controle Label para mostrar o tempo decorrido. Use a propriedade Text do temporizador para instruir o usuário a iniciar ou parar o temporizador.