Power Apps 中的計時器控制

控制項,可判斷應用程式在經過一定時間後如何回應。

描述

例如,計時器可以決定控制項的出現時間長度,或在經過一定時間量之後變更控制項的其他屬性。

備註

在 Power Apps Studio 中,計時器只會在預覽模式下運行。

關鍵屬性

Duration – 計時器以毫秒計時。 最大值為 24 小時,以毫秒表示。 預設值為 60 秒。

OnTimerEnd – 計時器結束時要執行的動作。

Repeat – 計時器是否會在運行結束後自動重新啟動。

其他屬性

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

AutoPause – 當使用者切換到不同畫面時,計時器控制是否會自動暫停。

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

BorderColor – 控制區邊界的顏色。

BorderStyle – 控制組的邊界為 Solid、 Dashed、 Dotted、 或 None。

BorderThickness – 控制區邊界的厚度。

Color – 控制項中文字的顏色。

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

DisabledBorderColor – 若 DisplayMode 控制項屬性設為 Disabled,則表示其邊界的顏色。

DisabledColor – 若控制 DisplayMode 項屬性設定為 Disabled,則該控制項中的文字顏色。

DisabledFill – 若 DisplayMode 控制項屬性設為 Disabled,則為其背景色。

Fill – 控制組的背景色。

FocusedBorderColor – 控制點聚焦時邊界的顏色。

FocusedBorderThickness – 控制點聚焦時邊界的厚度。

Font – 字體家族名稱,該系列中出現文字。

FontWeight– 控制項中文字的權重:Bold、、SemiboldNormal或Lighter。

Height – 控制點上下邊緣之間的距離。

HoverBorderColor – 使用者將滑鼠指標放在該控制項時,該控制項邊框的顏色。

HoverColor – 當使用者將滑鼠指標放在控制項上時,文字的顏色。

HoverFill – 使用者將滑鼠指標放在控制器上的背景色。

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

OnSelect – 使用者點擊控制項時要執行的動作。

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

PressedBorderColor – 使用者點擊或點擊該控制器時,該控制器邊框的顏色。

PressedColor – 使用者點擊或點擊控制項時,該控制項的文字顏色。

PressedFill – 使用者點擊或點擊該控制項時的背景色。

Reset – 控制項是否會回復到預設值。

Size – 顯示在控制項上的文字字體大小。

Start – 計時器是否啟動。

Strikethrough – 是否出現一行穿過控制項上的文字。

TabIndex – 鍵盤導航順序與其他控制項的關係。

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

Tooltip – 當使用者將滑鼠移至控制項時出現的說明文字。

Underline – 是否出現一行在控制項上的文字下方。

Visible – 控制項是否出現或隱藏。

Width – 控制節點左右邊緣之間的距離。

X – 控制項左邊與父容器左邊(若無父容器則為螢幕)之間的距離。

Y – 控制項頂端與父容器頂端之間的距離(若無父容器則為螢幕)。

重新整理( 資料來源 )

範例

顯示倒數計時

  1. 新增計時器,並將其命名為 倒數計時。

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

  2. 將計時器的 Duration 屬性設定為 10000 ,並將其 Repeat 和 Autostart 屬性設定為 true。

  3. (選用)將計時器的 Height 屬性設定為 160、將 Width 屬性設定為 600,並將 Size 屬性設定為 60,讓計時器更易於閱讀。

  4. 新增標籤,並將其 Text 屬性設定為下列公式:
    「剩餘秒數:」 & RoundUp(10-Countdown.Value/1000, 0)

    想了解更多關於 RoundUp 功能或其他 功能的資訊嗎?

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

以動畫方式設定控制項

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

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

  2. 將Duration計時器的屬性設為 5000,Repeat屬性設為 trueText,屬性設為 Toggle animation。

  3. (可選)讓計時器更易閱讀,方法是將屬性Height設為 160、Width屬性為 600Size、屬性設為 60。

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

    想了解更多關於 ColorFade 功能或其他 功能的資訊嗎?

  5. 選取計時器按鈕以開始或停止動畫。 標籤中的文字會淡入白色,恢復到完整強度,並重複此程序。

協助工具指南

如果使用者可以與 [計時器] 控制項互動,則 Button 控制項的相同指導方針會套用至 [計時器 ] 控制項。

背景計時器

後台計時器會自動運行並隱藏。 將它們用於使用者對經過的時間不感興趣的輔助角色。 例如,您可以每分鐘重新整理一次資料,或僅在特定時間內顯示通知訊息。

背景計時器應該將其 Visible 屬性設定為 false,以便對所有使用者隱藏。

時機考量

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

以下任何一種策略都足夠了:

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

某些案例不受這些需求限制。 如需詳細資訊,請參閱 WCAG 2.0 時間限制指南。

螢幕閱讀器支援

  • 如果計時器觸發目前螢幕上的變更,請使用 即時區域 告訴螢幕助讀程式使用者變更內容。

    備註

    如果計時器可見且正在運行,螢幕助讀程式將每五秒鐘宣布一次經過的時間。

  • 不要將控制的特性用於 Text 時效性且重要的資訊。 螢幕閱讀器不會宣布變更。Text

  • 對於互動式計時器:

    • Text 必須在場。
    • 考慮加入 Label 一個控制點來顯示經過的時間。 利用計時器的 Text 特性指示使用者開始或停止計時器。