Power Apps 中的計時器控制項

控制項可用來決定一段時間過去之後,您的應用程式的回應方式。

描述

例如,計時器可以決定控制項出現多久或經過一段時間之後會變更控制項的其他屬性。

注意

在 Power Apps Studio 中,計時器只能在預覽模式中執行。

主要屬性

Duration – 計時器執行多久的時候 (單位為毫秒)。 最大值是 24 小時 (單位為毫秒)。 預設值為 60 秒。

OnTimerEnd – 當計時器完成執行時,要執行的動作。

Repeat – 當計時器執行完成時是否自動重新啟動。

其他屬性

Align – 文字相對於其控制項水平中心的位置。

AutoPause – 如果使用者瀏覽至其他畫面控制項,是否自動暫停計時器控制項。

AutoStart – 當使用者瀏覽至包含該控制項的畫面控制項時,計時器控制項是否自動開始播放。

BorderColor – 控制項框線的色彩。

BorderStyle – 決定控制項的框線為實線虛線點線

BorderThickness – 控制項框線的粗細。

Color – 控制項文字的色彩。

DisplayMode – 控制項是否允許使用者輸入 (Edit)、只顯示資料 (View) 或者已停用 (Disabled)。

DisabledBorderColor – 如果控制項的 DisplayMode 屬性設定為 Disabled,該控制項框線的色彩。

DisabledColor – 如果 DisplayMode 屬性設定為 Disabled,該控制項文字的色彩。

DisabledFill – 若其 DisplayMode 屬性設定為 Disabled,該控制項背景的色彩。

Fill – 控制項背景的色彩。

FocusedBorderColor – 當控制項為焦點時的控制項框線色彩。

FocusedBorderThickness – 當控制項為焦點時的控制項框線粗細。

Font – 文字可使用的字型家族名稱。

FontWeight – 控制項的文字字型粗細︰粗體半粗體正常,或較細

Height – 控制項的頂端和底部邊緣之間的距離。

HoverBorderColor – 使用者將滑鼠游標停留在控制項上時,該控制項框線所呈現的色彩。

HoverColor – 使用者將滑鼠游標停留在控制項上時,該控制項文字所呈現的色彩。

HoverFill – 使用者將滑鼠游標停留在控制項上時,該控制項背景所呈現的色彩。

Italic – 控制項中的文字是否為斜體。

OnSelect – 在使用者點選或按一下控制項時,要執行的動作。

OnTimerStart – 計時器開始執行時,要執行的動作。

PressedBorderColor – 使用者點選或點擊控制項時,該控制項框線所呈現的色彩。

PressedColor – 使用者點選或點擊控制項時,該控制項文字所呈現的色彩。

PressedFill – 使用者點選或點擊控制項時,該控制項背景所呈現的色彩。

Reset – 控制項是否傳回其預設值。

Size – 控制項上文字的字型大小。

Start – 是否啟動計時器。

Strikethrough – 決定控制項上的文字中間是否有一條線。

TabIndex – 相對於其他控制項的鍵盤導覽順序。

Text – 控制項上顯示的文字,或使用者在控制項中輸入的文字。

Tooltip – 使用者將滑鼠停留在控制項上時所顯示的說明文字。

Underline – 決定控制項上的文字底部是否有一條線。

Visible – 控制項顯示或隱藏。

Width – 控制項左邊緣與右邊緣之間的距離。

X – 控制項左邊緣與其父容器 (沒有父容器時則為螢幕) 左邊緣之間的距離。

Y – 控制項頂部邊緣與其父容器 (沒有父容器時則為螢幕) 頂部邊緣之間的距離。

Refresh( DataSource )

範例

顯示倒數計時

  1. 新增計時器,並命名為 Countdown

    不知道如何 新增、命名和設定控制項 嗎?

  2. 將計時器的 Duration 屬性設定為 10000,並將其 RepeatAutostart 屬性設定為 true

  3. (非必要) 為了讓計時器更易讀取,將計時器的 Height 屬性設定為 160Width 屬性設定為 600Size 屬性設定為 60

  4. 新增標籤,並將其**Text** 屬性設定為下列公式:
    "Number of seconds remaining: " & RoundUp(10-Countdown.Value/1000, 0)

    想要了解 RoundUp 函數或其他函數 的詳細資訊嗎?

    標籤會顯示還剩多少秒計時器會重新啟動。

使控制項生動

  1. 新增計時器,並命名為 FadeIn

    不知道如何 新增、命名和設定控制項 嗎?

  2. 將計時器的 Duration 屬性設定為 5000、其 Repeat 屬性設定為 true,並將其**Text** 屬性設定為 Toggle animation

  3. (非必要) 為了讓計時器更易讀取,將計時器的 Height 屬性設定為 160Width 屬性設定為 600Size 屬性設定為 60

  4. 新增標籤,並將其**Text** 屬性設定為 Welcome!, 將其 Color 屬性設定為以下公式︰
    ColorFade(Color.BlueViolet, FadeIn.Value/5000)

    想要了解 ColorFade 函數或 其他函數 的詳細資訊嗎?

  5. 選取計時器按鈕啟動或停止動畫。 標籤中的文字會逐漸淡化為白色、回到完整濃度並且重複此流程。

協助工具指南

如果使用者可以與按鈕控制項互動,適用**按鈕** 控制項的指導方針同時適用計時器控制項。

背景計時器

背景計時器自動執行並且隱藏。 將它們用在支援角色中,讓使用者不必關注流逝的時間。 例如您可以每分鐘重新整理資料或只在特定時段顯示通知訊息。

背景計時器的 Visible 屬性必須設定為 false,才能讓所有使用者都隱藏它們。

計時考量

如果計時器自動執行,請考慮使用者是否有足夠的時間讀取和使用內容。 鍵盤和螢幕助讀程式使用者可能需要更多時間來對計時事件做出回應。

以下的任何一種策略就已足夠:

  • 允許使用者取消計時事件。
  • 允許使用者在開始前調整時間限制。
  • 時間限制到期前會先警告 20 秒,並提供延長限制的簡單方式。

某些情況下免受限於這些需求。 深入了解 WCAG 2.0 時間限制指導方針

螢幕助讀程式支援

  • 如果計時器觸發目前畫面控制項上的變更,請使用 live region 通知螢幕助讀程式使用者已變更。

    注意

    如果計時器可看見並正在執行,螢幕助讀程式將每隔五秒宣告流逝的時間。

  • 請勿使用控制項的 Text 屬性處理時間敏感性資訊和重要資訊。 螢幕助讀程式將不再宣告 Text 的變更。

  • 適用互動式計時器:

    • Text 必須存在。
    • 請考慮新增**標籤** 控制項顯示流逝的時間。 使用計時器的**Text** 屬性指示使用者啟動或停止計時器。

注意

是否能請您告知您偏好的慣用文件語言? 請填寫問卷。 (請注意,本問卷為英文版)

完成問卷大約需要七分鐘。 本問卷將不會收集個人資料 (隱私權聲明)。