Control Temporizador en Power Apps

Control que determina la forma en que la aplicación responde una vez transcurrido un tiempo determinado.

Descripción

Los temporizadores, por ejemplo, determinan el tiempo que un control va a aparecer o cambian otras propiedades de un control una vez transcurrido un tiempo determinado.

Nota

En Power Apps Studio, los temporizadores solo se ejecutan en modo Vista previa.

Propiedades clave

Duration: el tiempo durante el que se ejecuta un temporizador, en milisegundos. El máximo es de 24 horas expresado en milisegundos. El valor predeterminado es 60 segundos.

OnTimerEnd: acciones a realizar cuando un temporizador termina de funcionar.

Repeat: indica si un temporizador se reinicia automáticamente cuando finaliza la ejecución.

Propiedades adicionales

Align: ubicación del texto respecto al centro horizontal de su control.

AutoPause: indica si el control de temporizador se pausa automáticamente si el usuario se desplaza a otra pantalla.

AutoStart: indica si el control de temporizador se empieza a reproducir automáticamente cuando el usuario se desplaza a la pantalla que contiene ese control.

BorderColor: el color del borde de un control.

BorderStyle: si el borde del control es Solid, Dashed, Dotted o None.

BorderThickness: el grosor del borde de un control.

Color: el color del texto en un control.

DisplayMode: indica si el control permite entradas de usuario (Editar), solo muestra datos (Ver) o si está deshabilitado (Deshabilitado).

DisabledBorderColor: el color del borde de un control si la propiedad DisplayMode del control está establecida en Deshabilitado.

DisabledColor: el color del texto en un control si su propiedad DisplayMode está establecida en Deshabilitado.

DisabledFill: el color de fondo de un control si su propiedad DisplayMode está establecida en Deshabilitado.

Fill: el color de fondo de un control.

FocusedBorderColor: el color del borde de un control cuando el control recibe el foco.

FocusedBorderThickness: el grosor del borde de un control cuando el control recibe el foco.

Font: el nombre de la familia de fuentes en la que aparece el texto.

FontWeight: el peso del texto en un control: Bold, Semibold, Normal o Lighter.

Height: la distancia entre los bordes superior e inferior de un control.

HoverBorderColor: el color del borde de un control cuando el usuario mantiene el puntero del ratón sobre ese control.

HoverColor: el color del texto de un control cuando el usuario mantiene el puntero del ratón sobre él.

HoverFill: el color de fondo de un control cuando el usuario mantiene el puntero del ratón sobre él.

Italic: indica si el texto de un control está en cursiva.

OnSelect: acciones para llevar a cabo cuando el usuario toca o hace clic en un control.

OnTimerStart: acciones a realizar cuando un temporizador comienza a funcionar.

PressedBorderColor: el color de un borde del control cuando el usuario toca o hace clic en ese control.

PressedColor: el color de texto de un control cuando el usuario toca o hace clic en ese control.

PressedFill: el color de fondo de un control cuando el usuario toca o hace clic en ese control.

Reset: indica si un control vuelve a su valor predeterminado.

Size: tamaño de la fuente del texto que aparece en un control.

Start: indica si el temporizador se inicia.

Strikethrough: indica si aparece una línea sobre el texto de un control.

TabIndex: orden de navegación del teclado en relación con otros controles.

Text: texto que aparece en un control o que el usuario escribe en un control.

Tooltip: texto explicativo que aparece cuando el usuario mantiene el mouse sobre un control.

Underline: indica si aparece una línea debajo del texto de un control.

Visible: indica si un control aparece o está oculto.

Width: la distancia entre los bordes derecho e izquierdo de un control.

X: la distancia entre el borde izquierdo de un control y el borde izquierdo de su contenedor primario (la pantalla si no hay un contenedor primario).

Y: la distancia entre el borde superior de un control y el borde superior de su contenedor primario (la pantalla si no hay un contenedor primario).

Refresh( DataSource )

Ejemplos

Mostrar una cuenta atrás

  1. Agregue un temporizador y asígnele el nombre Countdown.

    ¿No sabe cómo agregar, nombrar y configurar un control?

  2. Establezca la propiedad Duration en 10000 y sus propiedades Repeat y Autostart en true.

  3. (opcional) Configure la propiedad Height en 160, su propiedad Width en 600 y su propiedad Size en 60 para facilitar la lectura del temporizador.

  4. Agregue una etiqueta y establezca su propiedad Text en esta fórmula:
    "Number of seconds remaining: " & RoundUp(10-Countdown.Value/1000, 0)

    ¿Desea más información sobre la función RoundUp u otras funciones?

    La etiqueta muestra cuántos segundos quedan para que se reinicie el temporizador.

Animar un control

  1. Agregue un temporizador y asígnele el nombre FadeIn.

    ¿No sabe cómo agregar, nombrar y configurar un control?

  2. Establezca la propiedad Duration del temporizador en 5000, su propiedad Repeat en true y su propiedad Text en Control de alternancia animation.

  3. (opcional) Configure la propiedad Height en 160, su propiedad Width en 600 y su propiedad Size en 60 para facilitar la lectura del temporizador.

  4. Agregue una etiqueta y establezca su propiedad Text para que muestre el mensaje Welcome! y establezca su propiedad Color con esta fórmula:
    ColorFade(Color.BlueViolet, FadeIn.Value/5000)

    ¿Desea más información sobre la función ColorFade u otras funciones?

  5. Seleccione el botón de temporizador para iniciar o detener la animación. El texto de la etiqueta se difumina a blanco, recupera su intensidad y el proceso se repite.

Instrucciones para accesibilidad

Las mismas pautas para el control Botón se aplican al control Temporizador si los usuarios pueden interactuar con él.

Temporizadores de fondo

Los temporizadores de fondo se ejecutan automáticamente y están ocultos. Úselos en un rol de apoyo donde el tiempo transcurrido es de poco interés para el usuario. Por ejemplo, puede actualizar los datos cada minuto o mostrar un mensaje de notificación solo durante un cierto período de tiempo.

Los temporizadores de fondo deben tener su propiedad Visible establecida en false para que estén ocultos a todos los usuarios.

Consideraciones de tiempo

Si un Temporizador se ejecuta automáticamente, considere si los usuarios tienen tiempo suficiente para leer y usar contenido. Puede que los usuarios de lector de pantalla y teclado necesiten más tiempo para reaccionar a un evento programado.

Cualquiera de estas estrategias sirve:

  • Permitir que los usuarios cancelen el evento programado.
  • Permitir que los usuarios ajusten el límite de tiempo antes de que comience.
  • Advertir 20 segundos antes de que expire el límite de tiempo y proporcionar una manera sencilla de ampliar el límite.

Algunos escenarios están exentos de estos requisitos. Aprenda más sobre las directrices de WCAG 2.0 para los límites de tiempo.

Compatibilidad con el lector de pantalla

  • Si un temporizador activa cambios en la pantalla actual, use una región activa para decirle a los usuarios de lectores de pantalla lo que ha cambiado.

    Nota

    Si el temporizador está visible y funcionando, los lectores de pantalla anunciarán el tiempo transcurrido cada cinco segundos.

  • No use la propiedad Text de un control para información importante y sensible al tiempo. Los lectores de pantalla no anunciarán cambios a Text.

  • Para temporizadores interactivos:

    • La propiedad Text debe existir.
    • Considere la posibilidad de agregar un control Etiqueta para mostrar el tiempo transcurrido. Utilice la propiedad Text del temporizador para indicar al usuario que inicie o detenga el temporizador.

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).