![見出し画像](https://assets.st-note.com/production/uploads/images/120809820/rectangle_large_type_2_1375fcc9d302cbc495b8b4d087059e90.png?width=1200)
MIT APP INVENTOR2 の新しいコマンドを覚える~スライダー
左のユーザーインターフェースからスライダードラッグします。また、ラベルを2つドラッグします。Screen名はSliderに変更しておきます。
![](https://assets.st-note.com/img/1699106557357-S2OWyyIJg3.png?width=1200)
右にあるスライダーのプロパティの最小値0、最大値100、つまみの位置50と設定します。ラベル1はスライダーの値を表示する部分で初期値は50としおきます。ラベル2には判定という文字を入力しておきます。
![](https://assets.st-note.com/img/1699106585109-QCUiPoY3Tf.png)
次にブロック編集で下記のように作成します。ここでroundは数値を丸めるコマンドであり、これをつけないと少数以下まで表示されます。つまみの位置を数値で読み込み、80以上になるとラベル1の背景色が黄色になるとともにラベル2に合格と表示されます。また、80より小さくなるとラベル1の背景色が桃色に戻り、合格の表示も消えます。
![](https://assets.st-note.com/img/1699106596209-SZLK6WfC9G.png?width=1200)
ここまで完成したら、アプリに転送してみます。
こちらが初期画面です。
![](https://assets.st-note.com/production/uploads/images/120809837/picture_pc_5709830041eb00fe4874afb23fb38177.png?width=1200)
スライダーを右に移動させると数値が増えていき、80以上になると背景が黄色になります。
![](https://assets.st-note.com/production/uploads/images/120809850/picture_pc_9bdf0d8abb1f8fba780d42509f514ed8.png?width=1200)
スライダーを左に移動させていき、80より小さくなると、再度背景が桃色に戻り、合格という表示も消えます。
![](https://assets.st-note.com/production/uploads/images/120809854/picture_pc_f3d94c49bc045dc5fae1bba6ef984b87.png?width=1200)
これでスライダーの使い方が理解できました。
この記事が気に入ったらサポートをしてみませんか?