0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

アイコンを押してカウントアップ・カウントダウン

Posted at

PowerAppsでアプリを作っていると
カウントアップ・カウントダウン
みたいな機能を付けたくなりますよね。
そんな時に使う方法を紹介します。

まず、下記の様にコントロールの設置・設定をします。
コントロール配置コントロール配置

①TextInputコントロールを1つ、Iconコントロールを2つ配置
②TextInputコントロールのプロパティの`書式`を数値に変更
③TextInputコントロールのDefaultプロパティをコンテキスト変数locNumberと置く

この変数を増減させてカウントアップカウントダウンしたいので
それぞれのIconコントロールのOnSelectプロパティを次の様にします。

アイコン1:UpdateContext({locNumber:locNumber+1})
アイコン2:UpdateContext({locNumber:locNumber-1})

これだけでも良いのですが、
直接数字を入力する事も想定すると

TextInputコントロールのOnChangeプロパティを下記の様にします。

UpdateContext({locNumber:Value(Self.Text)})

これだけでも十分なのですがさらに丁寧に
コンテキスト変数locNumberの初期値を設定する為に
ScreenコントロールのOnvisibleプロパティを下記の様にします。

UpdateContext({locNumber:0})

これでなんかいい感じにカウントアップ・カウントダウン
手動入力ができる様になります。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?