ここまでできたら、もう少しコードをきれいにしてみましょう。現在の作りを再確認すると、「タップしたtext boxの背景色が編集可能だと想定したdark grayだったら編集する」という作りになっています。あまりコードのあちこちからdark grayが呼び出されるのはスマートではありませんね。
そこで、グローバル変数を用います。「グローバル変数」とはコードのどこからでもアクセスできる変数のことをいいます。グローバル変数を使って呼び出し先を1つにまとめましょう。
画面左dataにあるnewをタップして、グローバル変数を定義します。
グローバル変数が定義できたら、Color型で「editable text box color」という名前に変更します。
コード中にある2個所のdark grayを「editable text color」に変更します。
次にeditable text box colorを初期化するために新しく「initialize data」というコードを作成し、editable text colorにdark grayを代入します。
最後に、mainの初めにinitialize dataを呼び出します。
実行すると全く同じですが、ソースコードがきれいに整理されただけではなく、editable text box colorを変更するだけで、簡単に色が変えられるようになりました。
今回はTouchDevelopを使ったコントロールの作成、イベントの定義、新しいコードの作成、グローバル変数について紹介しました。少し手順が多く、泥臭いと思われたかもしれませんが、アプリを作るには、こういった作業も必要になってきます。
次回は今回とは違って、TouchDevelopに実装されている便利なAPIやセンサ、カメラなどを使って、TouchDevelopの便利な部分を紹介します。
Copyright © ITmedia, Inc. All Rights Reserved.