MATLABのAppDesignerでGUIアプリを作る (4)スライダー

こんにちは。

今回もAppDesignerの基本的な使い方を抑えるための備忘録です。

第3回の前回は「ラジオボタングループ」の使い方を解説しました。
taekwongineer.hatenablog.jp

第4回の今回は

スライダー

です。

では早速行きましょう。
（今回の記事もほぼ過去の使いまわしですがご容赦ください(;^_^A）

●この記事の目次

１．GUI部品の配置

いつもと同様、まずはAppDesignerを起動し、空のWindow画面にスライダーのGUI部品をドラッグ＆ドロップで配置します。（図１)

図１　スライダー部品の配置

ちょっとサイズを大きくしておきます。（図２）

図２　サイズを拡大

更に動作確認のために、ラベルを2つ配置します。（図３）

図３　ラベル部品を2つ配置

２．コールバック関数の定義

次にスライダーのGUI部品用に用意されているコールバック関数の使い方を確認していきたいと思います。

スライダーのコールバック関数は図４のように
・ValueChangingFcn
・ValueChangedFcn
の2種類が定義されています。

「テキストエリア」の時と同様、
・ValueChangingFcn：スライダーの値の変更中に呼び出せる関数
・ValueChangedFcn：スライダーの値の変更後に呼び出される関数
となります。

図４　スライダーのコールバック関数

taekwongineer.hatenablog.jp

次にこれらのコールバック関数のデフォルトのコードを見てみましょう。（図５）

図５　スライダーのコールバック関数のコード

ValueChangingFcnについては、「SliderValueChanging」という関数が追加されており、

changingValue = event.Value;

という式がデフォルトで記述されています。このchangingValueには現在のスライダーの値が格納されます。

ValueChangedFcnについては、「SliderValueChanged」という関数が追加されており、

value = app.Slider.Value;

という式がデフォルトで記述されています。このvalueにも同様に現在のスライダーの値が格納されます。

では、このデフォルトのコールバック関数に動作確認用のコードを追記していきましょう。（図６）

図６　スライダーのコールバック関数の修正後コード

今回は、2つのラベルに呼び出されている関数と現在のスライダーの値を表示するようにしました。

３．動作確認

ここまで作成が完了したら早速動作確認してみましょう。
www.youtube.com

スライダーを動かすとラベルの表示内容が変化するのが確認できます。

４．スライダーの値の範囲と初期値を変更

スライダーの値の範囲と初期値を変更する場合は、図７のようにValueとLimitsの値を変更します。

図７　スライダーの値の範囲と初期値を変更

５．まとめ

今回は「スライダー」の使い方を解説しました。

次回は「座標軸」の予定です。
パッと見た感じではなかなか使い方が難しそう…