MATLABのAppDesignerでGUIアプリを作る　(2)テキストエリア

こんにちは。

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

第1回の前回は「ボタン」の使い方を解説しました。
taekwongineer.hatenablog.jp

第2回の今回は

テキストエリア

です。

では早速行きましょう。

●この記事の目次

１．GUI部品の配置
２．コールバック関数の定義
３．動作確認
４．まとめ

１．GUI部品の配置

前回同様、まずはAppDesignerを起動し、空のWindow画面にテキストエリアのGUI部品をドラッグ＆ドロップで配置します。（図１)

図１　テキストエリア部品の配置

テキストエリア部品を置くと、空のテキストエリアとテキストエリアのタイトル等を示すためのラベル（TextArea）がセットで配置されます。

更に今回は動作確認のために前回解説した「ボタン」も使用します。（図２）

図２　ボタンも設置

そして、テキストエリアには初期値のテキストを入力しておきます。（図３）

図３　テキストエリアに初期値を入力

次にコードビューで「テキストエリア」のオブジェクト定義のコードを見てみましょう。（図４）

図４　オブジェクト定義のコード

テキストエリアのGUI部品を設置すると、オブジェクトとしてはTextAreaとTextAreaLabelの2つが定義されるようです。

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

次にテキストエリアのGUI部品用に用意されているコールバック関数の使い方を確認していきたいと思います。

テキストエリアのコールバック関数は図５のように
・ValueChangingFcn
・ValueChangedFcn
の2種類が定義されています。

その名の通り、ValueChangingFcnはテキストエリアの編集開始時に呼び出され、ValueChangedFcnはテキストエリアの編集完了後に呼び出される関数となります。

図５　テキストエリアのコールバック関数

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

図６　テキストエリアのコールバック関数のコード

それぞれの関数にデフォルトでchangingValue、valueという変数が定義されていますが、これらには関数呼び出し時のテキストエリアに書き込まれているテキストの内容が格納されます。

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

図７　テキストエリアのコールバック関数のコード

今回はテキストエリアの編集を開始すると、TextAreaValueChanging関数が呼びされ、テキストエリアのラベルに「Changing」を表示し、テキストエリアの編集完了後には、TextAreaValueChanged関数が呼び出され、テキストエリアのラベルに「Changed」を表示するようにしました。

また、Button1およびButton2のクリック時には、テキストエリアに「Good Morning!!」、「Hello World!!」をそれぞれ表示するようにしました。