Power Apps 中的计时器控件

一个控件,用于确定应用在经过一定时间后如何响应。

Description

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

注释

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

键属性

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

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

重复 – 计时器在完成运行时是否自动重启。

其他属性

对齐 - 文本相对于其控件的水平中心的位置。

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

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

BorderColor – 控件边框的颜色。

BorderStyle – 控件的边框是 SolidDashedDotted 还是 None

BorderThickness – 控件边框的粗细。

颜色 – 控件中的文本颜色。

DisplayMode – 控件是否允许用户输入(编辑)、仅显示数据(视图)或已禁用(已禁用)。

DisabledBorderColor – 如果控件的 DisplayMode 属性设置为 Disabled,则控件边框的颜色。

DisabledColor – 控件中的文本颜色(如果控件的 DisplayMode 属性设置为 Disabled)。

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

填充 – 控件的背景色。

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

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

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

FontWeight – 控件中文本的粗细: 粗体半曲普通较轻

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

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

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

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

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

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

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

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

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

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

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

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

开始 – 计时器是否启动。

删除线 – 是否通过控件上显示的文本显示线条。

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

文本 - 显示在控件上或用户键入控件的文本。

工具提示 – 当用户将鼠标悬停在控件上时出现的解释性文本。

下划线 – 是否在控件上显示的文本下显示一行。

可见 – 控件是显示还是隐藏。

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

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

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

RefreshDataSource

例子

显示倒计时

  1. 添加计时器,并将其命名为 倒计时

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

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

  3. (可选)通过将计时器 的 Height 属性设置为 160、其 Width 属性设置为 600 以及 其 Size 属性设置为 60,使计时器更易于读取。

  4. 添加标签,并将其 Text 属性设置为以下公式:
    “剩余秒数: ” & RoundUp(10-Countdown.Value/1000, 0)

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

    该标签显示计时器重启前剩余的秒数。

对控件进行动画处理

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

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

  2. 将计时器的 Duration 属性设置为 5000,将其 Repeat 属性设置为 true,并将 计时器的 Text 属性设置为 Toggle 动画

  3. (可选)通过将计时器 的 Height 属性设置为 160、其 Width 属性设置为 600 以及 其 Size 属性设置为 60,使计时器更易于读取。

  4. 添加标签,设置其 Text 属性以显示 欢迎! 并将其 Color 属性设置为以下公式:
    ColorFade(Color.BlueViolet、FadeIn.Value/5000)

    想要详细了解 ColorFade 函数 或其他函数

  5. 选择计时器按钮以启动或停止动画。 标签中的文本淡化为白色,返回完全强度,并重复该过程。

辅助功能指南

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

后台计时器

后台计时器自动运行并隐藏。 在用户感兴趣的支持角色中使用它们。 例如,可以每隔一分钟刷新一次数据,或仅显示一定时间的通知消息。

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

计时注意事项

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

以下任一策略都足够:

  • 允许用户取消计时事件。
  • 允许用户在开始之前调整时间限制。
  • 在时间限制过期前 20 秒发出警告,并提供一种简单的方法来延长限制。

某些方案不受这些要求限制。 在 WCAG 2.0 指南中了解时间限制的详细信息

屏幕阅读器支持

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

    注释

    如果计时器可见且正在运行,屏幕阅读器将每 5 秒报一次已用时间。

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

  • 对于交互式计时器:

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