一定の時間が経過した後のアプリの応答を決定できるコントロール。
Description
タイマーは、たとえば、コントロールが表示される時間を決定したり、一定の時間が経過した後にコントロールの他のプロパティを変更したりできます。
注
Power Apps Studio では、タイマーはプレビュー モードでのみ実行されます。
重要なプロパティ
期間 – タイマーの実行時間 (ミリ秒単位)。 最大値は、ミリ秒単位で表される 24 時間です。 既定値は 60 秒です。
OnTimerEnd – タイマーの実行が完了したときに実行するアクション。
繰り返し – タイマーの実行が完了したときにタイマーが自動的に再起動するかどうかを指定します。
追加のプロパティ
[配置] – コントロールの水平方向の中心を基準にしたテキストの位置。
AutoPause – ユーザーが別の画面に移動した場合にタイマー コントロールが自動的に一時停止するかどうかを指定します。
AutoStart – ユーザーがそのコントロールを含む画面に移動したときにタイマー コントロールの再生を自動的に開始するかどうかを指定します。
BorderColor – コントロールの境界線の色。
BorderStyle – コントロールの境界線が Solid、Dashed、Doted、None のいずれであるか。
BorderThickness – コントロールの境界線の太さ。
色 – コントロール内のテキストの色。
DisplayMode – コントロールでユーザー入力 (編集) を許可するか、データのみを表示するか (表示)、無効 (無効) にするかを指定します。
DisabledBorderColor – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロールの境界線の色。
DisabledColor – DisplayMode プロパティが Disabled に設定されている場合のコントロール内のテキストの色。
DisabledFill – DisplayMode プロパティが Disabled に設定されている場合のコントロールの背景色。
塗りつぶし – コントロールの背景色。
FocusedBorderColor – コントロールがフォーカスされている場合のコントロールの境界線の色。
FocusedBorderThickness – コントロールがフォーカスされたときのコントロールの境界線の太さ。
フォント – テキストが表示されるフォントファミリの名前。
FontWeight – コントロール内のテキストの重み: 太字、 半ボルト、 標準、 または太さ。
Height – コントロールの上端と下端の間の距離。
HoverBorderColor – ユーザーがそのコントロールにマウス ポインターを置いたままにしたときのコントロールの境界線の色。
HoverColor – ユーザーがマウス ポインターを置いたままにしたときのコントロール内のテキストの色。
HoverFill – ユーザーがマウス ポインターをその上に置いたままにしたときのコントロールの背景色。
斜体 – コントロール内のテキストが斜体かどうかを指定します。
OnSelect – ユーザーがコントロールをタップまたはクリックしたときに実行するアクション。
OnTimerStart – タイマーの実行が開始されたときに実行するアクション。
PressedBorderColor – ユーザーがそのコントロールをタップまたはクリックしたときのコントロールの境界線の色。
PressedColor – ユーザーがそのコントロールをタップまたはクリックしたときのコントロール内のテキストの色。
PressedFill – ユーザーがそのコントロールをタップまたはクリックしたときのコントロールの背景色。
リセット – コントロールが既定値に戻るかどうか。
サイズ – コントロールに表示されるテキストのフォント サイズ。
開始 – タイマーが開始されるかどうか。
取り消し線 – コントロールに表示されるテキストを線で表示するかどうかを指定します。
TabIndex – 他のコントロールに対するキーボード ナビゲーションの順序。
テキスト – コントロールに表示されるテキスト、またはユーザーがコントロールに入力するテキスト。
ヒント – ユーザーがコントロールの上にマウス ポインターを置いたときに表示される説明テキスト。
下線 – コントロールに表示されるテキストの下に行を表示するかどうかを指定します。
表示 – コントロールが表示されるか非表示になっているか。
幅 – コントロールの左端と右端の間の距離。
X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離。
Y – コントロールの上端とその親コンテナー (親コンテナーがない場合は画面) の上端間の距離。
関連する関数
例示
カウントダウンを表示する
タイマーを追加し、カウントダウンという名前を付 けます。
タイマーの Duration プロパティを 10000 に設定し 、Repeat プロパティ と Autostart プロパティを true に設定します。
(省略可能)Height プロパティを 160、Width プロパティを 600、Size プロパティを 60 に設定することで、タイマーを読みやすくします。
ラベルを追加し、 その Text プロパティを次の数式に設定します。
"残りの秒数: " > RoundUp(10-Countdown.Value/1000, 0)RoundUp 関数またはその他の関数の詳細については、以下をご覧ください。
ラベルには、タイマーが再起動するまでの秒数が表示されます。
コントロールをアニメーション化する
タイマーを追加し、FadeIn という名前を 付けます。
タイマーの Duration プロパティを 5000、 Repeat プロパティを true、 Text プロパティを Toggle アニメーションに設定します。
(省略可能)Height プロパティを 160、Width プロパティを 600、Size プロパティを 60 に設定することで、タイマーを読みやすくします。
ラベルを追加し、Welcome! を表示するように Text プロパティを設定し、Color プロパティを次の数式に設定します。
ColorFade(Color.BlueViolet, FadeIn.Value/5000)タイマー ボタンを選択して、アニメーションを開始または停止します。 ラベル内のテキストは白にフェードし、完全な強度に戻り、プロセスを繰り返します。
アクセシビリティ ガイドライン
ユーザーが操作できる場合は、 Button コントロールの同じガイドラインが タイマー コントロールに適用されます。
バックグラウンド タイマー
バックグラウンド タイマーは自動的に実行され、非表示になります。 経過時間がユーザーにとってほとんど関心を持たないサポート ロールで使用します。 たとえば、1 分ごとにデータを更新したり、一定の時間だけ通知メッセージを表示したりできます。
バックグラウンド タイマーは、 Visible プロパティを false に設定して、すべてのユーザーから非表示にする必要があります。
タイミングに関する考慮事項
タイマーが自動的に実行される場合は、ユーザーがコンテンツの読み取りと使用に十分な時間を持っているかどうかを検討します。 キーボードとスクリーン リーダーのユーザーは、時間指定イベントに対応するためにより多くの時間が必要になる場合があります。
次のいずれかの方法で十分です。
- ユーザーが時間指定イベントを取り消せるようにします。
- ユーザーが開始する前に制限時間を調整できるようにします。
- 制限時間の有効期限が切れる 20 秒前に警告し、制限を延長する簡単な方法を提供します。
一部のシナリオは、これらの要件から除外されます。 詳細については、 時間制限に関する WCAG 2.0 ガイドラインを参照してください。