![見出し画像](https://assets.st-note.com/production/uploads/images/126260726/rectangle_large_type_2_ed8c870d59e510be9c7369cf59ccb5f0.png?width=800)
App Inventorで、アプリ「体温計タイマー」を作ってみました
コロナ対策で毎日検温を始めたが、体温系の終了合図が聞き取りにくいので、App Inventorで体温計用簡単タイマーを作成してみました。
考慮したのは、とにかく簡単操作です。
アイコンをクリックすると時間計測が始まり、終了すると「検温完了」と音声で知らせてくれる。
計測時間の設定も可能としました。
画面の設計
![画像1](https://assets.st-note.com/production/uploads/images/23608012/picture_pc_39495ff98203187790ae87be2ec7d3f3.png?width=800)
使用する部品は、
・ボタン ・・・ 残り時間(分:秒)を表示
(文字を上下方向の中央に表示するためラベルではなくボタンを利用)
・ボタン(測定開始) ・・・ 途中で停止する時/再度測定する時に使う
・ホリゾンタルアレンジメント ・・・ 下記の部品を横に並べるため
・テキストボックス ・・・ 設定時間を表示/変更する時にここに入力
・ボタン(時間設定) ・・・設定時間を設定/保存
非表示部品が、
・Clock ・・・ 経過時間を計測
・TynyDB ・・・ 設定した測定時間を保存
・TextToSpeech ・・・ 音声で終了を知らせる
プログラミング
ブロック全体は下記の通りです
![画像3](https://assets.st-note.com/production/uploads/images/23746134/picture_pc_dacb2e140dbce828a2f60f980f608095.png?width=800)
上から順に
①変数の定義
②起動時の処理
③ボタン「測定開始」クリック時の処理
④Procedure「Procedure」
・②③から呼び出され、起動処理をする
⑤クロックの処理
・1秒ごとに時間の表示を進め(書き換え)
・設定時間が来たら
・「検温完了」と音声を発し
・クロックを止めて、表示を「0:00」にリセットする
⓺ボタン「時間設定」がクリックされた時の処理
・設定時間をTinyDBに保存します