次の方法で共有


Power Appsのタイマー コントロール

一定の時間が経過した後のアプリの応答を決定できるコントロール。

Description

タイマーは、たとえば、コントロールが表示される時間を決定したり、一定の時間が経過した後にコントロールの他のプロパティを変更したりできます。

Power Apps Studio では、タイマーはプレビュー モードでのみ実行されます。

重要なプロパティ

– タイマーの実行時間 (ミリ秒単位)。 最大値は、ミリ秒単位で表される 24 時間です。 既定値は 60 秒です。

– タイマーの実行が完了したときに実行するアクション。

– タイマーの実行が完了したときにタイマーが自動的に再起動するかどうか。

追加のプロパティ

– コントロールの水平方向の中心に対するテキストの位置。

– ユーザーが別の画面に移動した場合にタイマー コントロールが自動的に一時停止するかどうか。

– ユーザーがそのコントロールを含む画面に移動したときに、タイマー コントロールの再生が自動的に開始されるかどうか。

– コントロールの境界線の色。

– コントロールの境界線が 、 、 、または かどうか。

– コントロールの境界線の太さ。

– コントロール内のテキストの色。

– コントロールがユーザー入力を許可するか ()、データのみを表示するか ()、無効にするか ()。

– コントロールの プロパティが に設定されている場合のコントロールの境界線の色。

– プロパティが に設定されている場合のコントロール内のテキストの色。

– プロパティが に設定されている場合のコントロールの背景色。

– コントロールの背景色。

– コントロールがフォーカスされている場合のコントロールの境界線の色。

– コントロールがフォーカスされている場合のコントロールの境界線の太さ。

– テキストが表示されるフォントファミリの名前。

– コントロール内のテキストの重み: 、 、 、または 。

– コントロールの上端と下端の間の距離。

– ユーザーがそのコントロールにマウス ポインターを置いたままにしたときのコントロールの境界線の色。

– ユーザーがマウス ポインターをその上に置いたままにしたときのコントロール内のテキストの色。

– ユーザーがマウス ポインターをその上に置いたままにしたときのコントロールの背景色。

– コントロール内のテキストが斜体かどうか。

– ユーザーがコントロールをタップまたはクリックしたときに実行するアクション。

– タイマーの実行が開始されたときに実行するアクション。

– ユーザーがそのコントロールをタップまたはクリックしたときのコントロールの境界線の色。

– ユーザーがそのコントロールをタップまたはクリックしたときのコントロール内のテキストの色。

– ユーザーがそのコントロールをタップまたはクリックしたときのコントロールの背景色。

– コントロールが既定値に戻るかどうか。

– コントロールに表示されるテキストのフォント サイズ。

– タイマーが開始されるかどうか。

– コントロールに表示されるテキストを線で表示するかどうかを指定します。

– 他のコントロールに関連するキーボードナビゲーション順序。

– コントロールに表示されるテキスト、またはユーザーがコントロールに入力するテキスト。

– ユーザーがコントロールの上にマウス ポインターを置いたときに表示される説明テキスト。

– コントロールに表示されるテキストの下に行を表示するかどうかを指定します。

– コントロールが表示されるか非表示になっているか。

– コントロールの左端と右端の間の距離。

– コントロールの左端とその親コンテナーの左端との間の距離 (親コンテナーがない場合は画面)。

– コントロールの上端と親コンテナーの上端との間の距離 (親コンテナーがない場合は画面)。

Refresh( DataSource )

例示

カウントダウンを表示する

  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. タイマーの プロパティを 5000、 プロパティを true、 プロパティを Toggle アニメーションに設定します。

  3. (省略可能)タイマーのプロパティを 160、 プロパティを 600、 プロパティを 60 に設定して、タイマーを読みやすくします。

  4. ラベルを追加し、その プロパティを Welcome! を表示するように設定し、その プロパティを次の数式に設定します。
    ColorFade(Color.BlueViolet, FadeIn.Value/5000)

    ColorFade 関数またはその他の関数の詳細については、以下をご覧ください。

  5. タイマー ボタンを選択して、アニメーションを開始または停止します。 ラベル内のテキストは白にフェードし、完全な強度に戻り、プロセスを繰り返します。

アクセシビリティ ガイドライン

ユーザーが操作できる場合は、 Button コントロールの同じガイドラインが タイマー コントロールに適用されます。

バックグラウンド タイマー

バックグラウンド タイマーは自動的に実行され、非表示になります。 経過時間がユーザーにとってほとんど関心を持たないサポート ロールで使用します。 たとえば、1 分ごとにデータを更新したり、一定の時間だけ通知メッセージを表示したりできます。

バックグラウンド タイマーは、 Visible プロパティを false に設定して、すべてのユーザーから非表示にする必要があります。

タイミングに関する考慮事項

タイマーが自動的に実行される場合は、ユーザーがコンテンツの読み取りと使用に十分な時間を持っているかどうかを検討します。 キーボードとスクリーン リーダーのユーザーは、時間指定イベントに対応するためにより多くの時間が必要になる場合があります。

次のいずれかの方法で十分です。

  • ユーザーが時間指定イベントを取り消せるようにします。
  • ユーザーが開始する前に制限時間を調整できるようにします。
  • 制限時間の有効期限が切れる 20 秒前に警告し、制限を延長する簡単な方法を提供します。

一部のシナリオは、これらの要件から除外されます。 詳細については、 時間制限に関する WCAG 2.0 ガイドラインを参照してください。

スクリーン リーダーのサポート

  • タイマーが現在の画面で変更をトリガーする場合は、 ライブ領域 を使用してスクリーン リーダー ユーザーに変更を通知します。

    タイマーが表示され、実行中の場合、スクリーン リーダーは 5 秒ごとに経過時間を読み上げられます。

  • 時間の機密性の高い重要な情報には、コントロールの プロパティを使用しないでください。 スクリーン リーダーは、 の変更を読み上げません。

  • 対話型タイマーの場合:

    • が存在する必要があります。
    • 経過時間を表示するには、 コントロールを追加することを検討してください。 タイマーの プロパティを使用して、タイマーを開始または停止するようにユーザーに指示します。