PowerApps のタイマー コントロールTimer control in PowerApps

一定の時間が経過した後のアプリの反応を決定できるコントロールです。A control that can determine how your app responds after a certain amount of time passes.

説明Description

タイマーは、たとえば、コントロールが表示される時間の長さを決定したり、一定の時間が経過した後にコントロールの他のプロパティを変更したりできます。Timers can, for example, determine how long a control appears or change other properties of a control after a certain amount of time has passed.

タイマーをデザイナーで実行するためには、アプリをプレビューする必要があることに注意してください。Note that you need to preview the app in order for Timer to run in the designer. これにより、ユーザーは時間制限がない状態で、デザイナーでタイマーを構成できます。This allows user to configure the timer in the designer without any time restrictions.

主要なプロパティKey properties

Duration - タイマーを実行する時間の長さを、ミリ秒単位で指定します。Duration – How long a timer runs in milliseconds. 最大値はありません。There is no maximum value.

OnTimerEnd – タイマーが実行を完了した場合のアプリの反応を指定します。OnTimerEnd – How an app responds when a timer finishes running.

Repeat – タイマーが実行を完了したときに自動的に再開されるかどうかを指定します。Repeat – Whether a timer automatically restarts when it finishes running.

その他のプロパティAdditional properties

Align – コントロールの水平方向の中心に対するテキストの位置です。Align – The location of text in relation to the horizontal center of its control.

AutoPause – ユーザーが別の画面に移動した場合、オーディオまたはビデオ クリップを自動的に一時停止するかどうかを指定します。AutoPause – Whether an audio or video clip automatically pauses if the user navigates to a different screen.

AutoStart – ユーザーがオーディオまたはビデオ コントロールを含む画面に移動したときに、自動的にクリップの再生を開始するかどうかを指定します。AutoStart – Whether an audio or video control automatically starts to play a clip when the user navigates to the screen that contains that control.

BorderColor – コントロールの境界線の色です。BorderColor – The color of a control's border.

BorderStyle – コントロールの境界線を Solid (実線)、Dashed (破線)、Dotted (点線)、None (なし) のいずれに指定します。BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness – コントロールの境界線の太さです。BorderThickness – The thickness of a control's border.

Color – コントロールのテキストの色です。Color – The color of text in a control.

DisplayMode – コントロールで、ユーザー入力を許可するか (Edit)、データの表示のみを許可するか (View)、許可しないか (Disabled) を設定します。DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロールの境界線の色です。DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

DisabledColor – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロール内のテキストの色です。DisabledColor – The color of text in a control if its DisplayMode property is set to Disabled.

DisabledFill – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロールの背景色です。DisabledFill – The background color of a control if its DisplayMode property is set to Disabled.

Fill – コントロールの背景色です。Fill – The background color of a control.

Font – テキストを表記するフォントのファミリー名です。Font – The name of the family of fonts in which text appears.

FontWeight – コントロール内のテキストの太さです。Bold (太字)、Semibold (中太)、Normal (標準)、Lighter (細字) から指定します。FontWeight – The weight of the text in a control: Bold, Semibold, Normal, or Lighter.

Height – コントロールの上端と下端の距離です。Height – The distance between a control's top and bottom edges.

HoverBorderColor – コントロール上にユーザーがマウス ポインターを重ねているときのコントロールの境界線の色です。HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.

HoverColor – コントロールにユーザーがマウス ポインターを重ねているときのコントロール内のテキストの色です。HoverColor – The color of the text in a control when the user keeps the mouse pointer on it.

HoverFill – コントロールにユーザーがマウス ポインターを重ねているときのコントロールの背景色です。HoverFill – The background color of a control when the user keeps the mouse pointer on it.

Italic – コントロール内のテキストを斜体にするかどうかを指定します。Italic – Whether the text in a control is italic.

OnSelect – ユーザーがコントロールをタップまたはクリックした場合のアプリの反応を指定します。OnSelect – How the app responds when the user taps or clicks a control.

OnTimerStart – タイマーが実行を開始した場合のアプリの反応を指定します。OnTimerStart – How an app responds when a timer starts to run.

PressedBorderColor – コントロールをユーザーがタップまたはクリックしたときのコントロールの境界線の色です。PressedBorderColor – The color of a control's border when the user taps or clicks that control.

PressedColor – コントロールをユーザーがタップまたはクリックしたときのコントロール内のテキストの色です。PressedColor – The color of text in a control when the user taps or clicks that control.

PressedFill – コントロールをユーザーがタップまたはクリックしたときのコントロールの背景色です。PressedFill – The background color of a control when the user taps or clicks that control.

Reset – コントロールを既定値に戻すかどうかを指定します。Reset – Whether a control reverts to its default value.

Size – コントロールに表示されるテキストのフォント サイズです。Size – The font size of the text that appears on a control.

Start – オーディオまたはビデオ クリップを再生するかどうかを指定します。Start – Whether an audio or video clip plays.

Strikethrough – コントロールに表示されるテキストに取り消し線を付けるかどうかを指定します。Strikethrough – Whether a line appears through the text that appears on a control.

Text – コントロールに表示されるテキスト、またはコントロールにユーザーが入力するテキストです。Text – Text that appears on a control or that the user types into a control.

Tooltip – ポインターをコントロールに合わせたときに表示される説明テキストです。Tooltip – Explanatory text that appears when the user hovers over a control.

Underline – コントロールに表示されるテキストの下に線を引くかどうかを指定します。Underline – Whether a line appears under the text that appears on a control.

Visible – コントロールを表示するか非表示にするかを指定します。Visible – Whether a control appears or is hidden.

Width – コントロールの左端と右端の間の距離です。Width – The distance between a control's left and right edges.

X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離です。X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y – コントロールの上端とその親コンテナー (親コンテナーがない場合は画面) の上端間の距離です。Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

Refresh( DataSource )Refresh( DataSource )

Examples

カウントダウンの表示Show a countdown

  1. タイマーを追加して Countdown という名前を付けます。Add a timer, and name it Countdown.

    コントロールの追加、命名、構成についてはこちらをご覧くださいDon't know how to add, name, and configure a control?

  2. タイマーの Duration プロパティを 10000 に、その Repeat および Autostart プロパティを true に設定します。Set the timer's Duration property to 10000 and its Repeat and Autostart properties to true.
  3. (オプション) Height プロパティを 160 に、Width プロパティを 600 に、Size プロパティを 60 に設定して、タイマーを読み取りやすくします。(optional) Make the timer easier to read by setting its Height property to 160, its Width property to 600, and its Size property to 60.
  4. ラベルを追加し、その Text プロパティを次の数式に設定します。Add a label, and set its Text property to this formula:
    "残りの秒数: " & RoundUp(10-Countdown.Value/1000, 0)"Number of seconds remaining: " & RoundUp(10-Countdown.Value/1000, 0)

    RoundUp 関数またはその他の関数については各関連記事を参照してください。Want more information about the RoundUp function or other functions?

    ラベルには、タイマーが再開されるまでの秒数が表示されます。The label shows how many seconds remain before the timer restarts.

  5. (オプション) タイマーの Visible プロパティを false に設定します。(optional) Set the timer's Visible property to false.

コントロールのアニメーションAnimate a control

  1. タイマーを追加して FadeIn という名前を付けます。Add a timer, and name it FadeIn.

    コントロールの追加、命名、構成についてはこちらをご覧くださいDon't know how to add, name, and configure a control?

  2. タイマーの Duration プロパティを 5000 に、その Repeat および Autostart プロパティを true に設定します。Set the timer's Duration property to 5000 and its Repeat and Autostart properties to true.
  3. (オプション) Height プロパティを 160 に、Width プロパティを 600 に、Size プロパティを 60 に設定して、タイマーを読み取りやすくします。(optional) Make the timer easier to read by setting its Height property to 160, its Width property to 600, and its Size property to 60.
  4. ラベルを追加し、その Text プロパティを設定して "ようこそ!" を表示し、Add a label, set its Text property to show Welcome! その Color プロパティを次の数式に設定します。and set its Color property to this formula:
    ColorFade(Color.BlueViolet, FadeIn.Value/5000)ColorFade(Color.BlueViolet, FadeIn.Value/5000)

    ColorFade 関数またはその他の関数については各関連記事を参照してください。Want more information about the ColorFade function or other functions?

    ラベル内のテキストが白色にフェードした後、最大輝度に戻り、このプロセスが繰り返されます。The text in the label fades to white, returns to full intensity, and repeats the process.

  5. (オプション) タイマーの Visible プロパティを false に設定します。(optional) Set the timer's Visible property to false.