次の方法で共有


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

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

内容

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

注意

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

主要なプロパティ

Duration – タイマーを実行する時間の長さを、ミリ秒単位で指定します。 最大値は、ミリ秒で表される 24 時間です。 既定値は 60 秒です。

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

Repeat – タイマーが実行を完了したときに自動的に再開するかどうかを指定します。

追加のプロパティ

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

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

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

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

BorderStyle – コントロールの境界線が実線破線点線、またはなしかどうか。

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

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

DisplayMode – コントロールがユーザー入力を許可するか (編集)、データのみを表示するか (表示)、または無効にするか (無効) どうか。

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

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

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

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

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

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

Font – テキストを表示するフォントのファミリーの名前。

FontWeight – コントロール内のテキストの太さ: 太字中太標準、または細字

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

HoverBorderColor – ユーザーがコントロール上にマウス ポインターを重ねているときのコントロールの境界線の色。

HoverColor – ユーザーがコントロールにマウス ポインターを重ねているときのコントロール内のテキストの色。

HoverFill – ユーザーがコントロールにマウス ポインターを重ねているときのコントロールの背景色。

Italic – コントロール内のテキストを斜体にするかどうか。

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

OnTimerStart – タイマーが実行を開始するときに実行するアクション。

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

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

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

Reset – コントロールを既定値に戻すかどうかを指定します。

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

Start – タイマーを開始するかどうかを指定します。

Strikethrough – コントロールに表示されるテキストに取り消し線を付けるかどうか。

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

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

Tooltip – ユーザーがコントロールにカーソルを置くときに表示される説明テキスト。

Underline – コントロールに表示されるテキストの下に線を引くかどうか。

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

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

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

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

Refresh( DataSource )

カウントダウンの表示

  1. タイマーを追加して Countdown という名前を付けます。

    コントロールの追加、名前付け、構成 についてはこちらをご覧ください。

  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 プロパティを true に、そして Text プロパティをアニメーションの切り替えに設定します。

  3. (任意) Height プロパティを 160 に、Width プロパティを 600 に、Size プロパティを 60 に設定して、タイマーを読み取りやすくします。

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

    ColorFade 関数または その他の関数 については、各関連記事を参照してください。

  5. アニメーションを開始または停止するには、タイマー ボタンを選択します。 ラベル内のテキストが白色にフェードした後、最大輝度に戻り、このプロセスが繰り返されます。

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

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

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

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

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

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

Timerが自動的に実行される場合、ユーザーがコンテンツを読み、使用するのに十分な時間があるかどうかを検討してください。 キーボード ユーザーおよびスクリーン リーダー ユーザーは、時間制限のあるイベントに反応するまでにより多くの時間がかかることがあります。

以下のいずれかの戦略で十分です。

  • ユーザーが時間制限のあるイベントをキャンセルできるようにする。
  • ユーザーが開始前に時間制限を調整できるようにする。
  • 時間制限が切れる前に 20 秒間警告し、制限を簡単に延長する方法を提供する。

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

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

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

    注意

    タイマーが表示されていて実行中の場合、スクリーン リーダーは経過時間を 5 秒ごとに通知します。

  • 時間的制約がある重要な情報のために、コントロールの Text プロパティを使用しないでください。 スクリーン リーダーは Text に変更を通知しません。

  • 対話型タイマーの場合

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

注意

ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)

この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。