Controle Temporizador no Power Apps

Um controle que pode determinar como seu aplicativo responde após um determinado período.

Descrição

Por exemplo, os temporizadores podem determinar quanto tempo um controle aparece ou alterar outras propriedades de um controle após um determinado período.

Observação

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

Principais propriedades

Duration – por 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 timer termina de marcar o tempo.

Repeat – se um temporizador é reiniciado automaticamente quando ele encerra a execução.

Propriedades adicionais

Align – a localização do texto em relação ao centro horizontal do respectivo controle.

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

AutoStart – se a execução do controle de temporizador é iniciada automaticamente quando o usuário navega para a tela que contém o controle.

BorderColor – a cor da borda do controle.

BorderStyle – se a borda do controle é Sólida, Tracejada, Pontilhada ou Nenhuma.

BorderThickness – a espessura da borda do controle.

Color – a cor do texto em um controle.

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

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

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

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

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

FocusedBorderColor – a cor da borda do controle quando ele está focalizado.

FocusedBorderThickness – A espessura da borda de um controle quando ele está focalizado.

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

FontWeight – o peso do texto em um controle: Negrito , Seminegrito, Normal ou Mais claro.

Height – a distância entre a parte superior do controle e as bordas inferiores.

HoverBorderColor – a cor da borda do 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.

Italic – se o texto em um controle está em itálico.

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

OnTimerStart - Ações a serem executadas quando um timer começa a marcar o tempo.

PressedBorderColor – a cor da borda do 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.

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

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

Start – se o temporizador é iniciado.

Strikethrough – se uma linha é exibida cortando o texto que aparece em um controle.

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

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

Tooltip – texto explicativo exibido quando o usuário passa o mouse sobre um controle.

Underline – se uma linha é exibida sob o texto que aparece em um controle.

Visible – se um controle é exibido ou está oculto.

Width – 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 como 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) Facilite a leitura do temporizador ao configurar sua propriedade Height como 160, sua propriedade Width como 600e sua propriedade Size como 60.

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

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

    O rótulo mostra quantos segundos restam antes da reinicialização do temporizador.

Animar um controle

  1. Adicione um temporizador e nomeie-o como FadeIn.

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

  2. Defina a propriedade Duration do temporizador como 5000, a propriedade Repeat como true e a propriedade Text como Ativar/desativar animação.

  3. (opcional) Facilite a leitura do temporizador ao configurar sua propriedade Height como 160, sua propriedade Width como 600e sua propriedade Size como 60.

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

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

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

Diretrizes de acessibilidade

As mesmas diretrizes para o controle Botão se aplica ao controle Temporizador, se os usuários puderem interagir com ele.

Temporizadores de 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 os dados a cada minuto ou mostrar uma mensagem de notificação apenas por um determinado período.

Os temporizadores de segundo plano devem ter sua propriedade Visible definida como false para que eles sejam ocultados de todos os usuários.

Considerações de tempo

Se um Timer for executado automaticamente, verifique se os usuários têm tempo suficiente para ler e usar o conteúdo. Os usuários de teclado e de leitores de tela talvez precisem de mais tempo para reagir a um evento com tempo limite.

Qualquer uma dessas estratégias é suficiente:

  • Permitir que os usuários cancelem o evento com tempo limite.
  • Permitir que os usuários ajustem o limite de tempo antes de começar.
  • Avisar 20 segundos antes do tempo limite expirar e oferecer uma maneira fácil de estendê-lo facilmente.

Esses cenários não se aplicam a alguns requisitos. Saiba mais nas Diretrizes de WCAG 2.0 para limites de tempo.

Suporte ao leitor de tela

  • Se um temporizador acionar alterações na tela atual, use uma região ao vivo para dizer aos usuários do leitor de tela o que mudou.

    Observação

    Se o temporizador estiver visível e funcionando, 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 urgentes. Os leitores de tela não anunciarão alterações no Text.

  • Para temporizadores interativos:

    • Text precisa estar presente.
    • Adicione um controle Rótulo para mostrar o tempo decorrido. Use a propriedade Text do temporizador para instruir o usuário para iniciar ou parar o temporizador.

Observação

Você pode nos falar mais sobre suas preferências de idioma para documentação? Faça uma pesquisa rápida. (Observe que esta pesquisa está em inglês)

A pesquisa levará cerca de sete minutos. Nenhum dado pessoal é coletado (política de privacidade).