Power Apps 中的计时器控件

一个控件,可确定特定时间后应用的响应方式。

描述

例如,计时器可确定控件显示的时长,或在经过特定时间后更改控件的其他属性。

备注

在 Power Apps Studio 中,计时器仅在预览模式下运行。

关键属性

Duration – 计时器运行的时长(毫秒计)。 最大值为 24 小时(以毫秒为单位)。 默认值为 60 秒。

OnTimerEnd – 计时器完成运行时要执行的操作。

Repeat – 计时器运行完毕后是否自动重启。

其他属性

Align – 文本相对于其控件的水平居中的位置。

AutoPause – 用户导航到其他屏幕时计时器控件是否自动暂停。

AutoStart – 用户导航到包含计时器控件的屏幕时,该控件是否自动开始播放。

BorderColor – 控件边框的颜色。

BorderStyle – 控件边框是 SolidDashedDotted 还是 None

BorderThickness – 控件边框的粗细。

Color – 控件中文本的颜色。

DisplayMode – 此控件是允许用户输入 (Edit)、仅显示数据 (View),还是已禁用 (Disabled)。

DisabledBorderColor – 控件的 DisplayMode 属性设置为 Disabled 时,该控件边框的颜色。

DisabledColor – 控件的 DisplayMode 属性设置为 Disabled 时,该控件中的文本颜色。

DisabledFill – 控件的 DisplayMode 属性设置为 Disabled 时,该控件的背景色。

Fill – 控件的背景色。

FocusedBorderColor – 当聚焦到控件时,控件的边框颜色。

FocusedBorderThickness – 当聚焦到控件时,控件的边框粗细。

Font – 文本中所显示的字体系列的名称。

FontWeight – 控件中文本的粗细:BoldSemiboldNormalLighter

Height – 控件上边缘和下边缘之间的距离。

HoverBorderColor – 用户将鼠标指针停留在控件上时,该控件边框的颜色。

HoverColor – 用户将鼠标指针停留在控件上时,该控件中的文本颜色。

HoverFill – 用户将鼠标指针停留在控件上时,该控件的背景色。

Italic – 控件中的文本是否为斜体。

OnSelect – 当用户点击或单击控件时要执行的操作。

OnTimerStart – 计时器开始运行时要执行的操作。

PressedBorderColor – 用户在点击或单击控件时,该控件边框的颜色。

PressedColor – 用户在点击或单击控件时,该控件中的文本的颜色。

PressedFill – 用户在点击或单击控件时,该控件的背景色。

Reset – 控件是否还原为其默认值。

Size – 控件上显示的文本的字号。

Start – 是否启动计时器。

Strikethrough – 通过文本显示的线是否在控件上显示。

TabIndex – 相对于其他控件的键盘导航顺序。

文本 – 在控件上显示或用户键入到控件中的文本。

Tooltip – 用户将鼠标悬停在控件上时显示的解释性文本。

Underline – 在文本下方显示的线是否在控件上显示。

Visible – 控件显示还是隐藏。

Width – 控件左边缘和右边缘之间的距离。

X – 控件左边缘与其父容器(如果没有父容器,则为屏幕)左边缘之间的距离。

Y – 控件上边缘与其父容器(如果没有父容器,则为屏幕)上边缘之间的距离。

Refresh( DataSource )

示例

显示倒计时

  1. 添加一个计时器,并将其命名为 Countdown

    不知道如何添加、命名和配置控件

  2. 将计时器的 Duration 属性设置为 10000,其 RepeatAutostart 属性设置为 true

  3. (可选)通过以下方法可使计时器更易于读取:将其 Height 属性设置为 160Width 属性设置为 600,并将其 Size 属性设置为 60

  4. 添加一个标签,然后将其 文本 属性设置为以下公式:
    "Number of seconds remaining: " & RoundUp(10-Countdown.Value/1000, 0)

    想要了解有关 RoundUp 函数或其他函数的详细信息?

    标签显示还有多少秒计时器重启。

为控件添加动画效果

  1. 添加一个计时器,并将其命名为 FadeIn

    不知道如何添加、命名和配置控件

  2. 将计时器的 Duration 属性设置为 5000,将其 Repeat 属性设置为 true,并将其 文本 属性设置为 Toggle animation

  3. (可选)通过以下方法可使计时器更易于读取:将其 Height 属性设置为 160Width 属性设置为 600,并将其 Size 属性设置为 60

  4. 添加一个标签,然后将 文本 属性设置为显示 Welcome! 并将其 Color 属性设置为以下公式:
    ColorFade(Color.BlueViolet, FadeIn.Value/5000)

    想要了解有关 ColorFade 函数或其他函数的详细信息?

  5. 选择计时器按钮以启动或停止动画。 标签中的文本渐变为白色,恢复最大亮度,并重复此过程。

辅助功能准则

如果用户可以与 计时器 控件交互,Button 控件的相同准则也适用于计时器控件。

后台计时器

后台计时器会自动运行并隐藏。 它们可以用于用户对经历的时间不太关注的辅助角色。 例如,您可以每分钟刷新一次数据或仅在一定时间内显示一条通知消息。

后台计时器应将 Visible 属性设置为 false,以对所有用户隐藏。

计时注意事项

如果 计时器 自动运行,请考虑用户是否有足够的时间阅读和使用内容。 键盘和屏幕阅读器用户可能需要更多的时间来响应定时事件。

这些策略中任何一项均足以:

  • 允许用户取消定时事件。
  • 允许用户在开始之前调整时间限制。
  • 在时间限制到期前 20 秒发出警告,并提供一种扩展限制的轻松方法。

某些情况不受这些要求的限制。 请参阅有关时间限制的 WCAG 2.0 准则了解详细信息。

屏幕阅读器支持

  • 如果计时器触发了当前屏幕上的更改,请使用实时区域告诉屏幕阅读器用户进行了什么更改。

    备注

    如果计时器可见且正在运行,屏幕阅读器将每五秒钟公布一次经过的时间。

  • 不要将控件的 文本 属性用于对时间敏感的重要信息。 屏幕阅读器不会公布对 文本 的更改。

  • 对于交互式计时器:

    • 文本 必须存在。
    • 请考虑添加 Label 控件以显示经过的时间。 使用计时器的 文本 属性以指示用户启动或停止计时器。