誰でもAndroid開発できるApp Inventorの基礎知識：App Inventorでアプリ開発はどこまでできるのか（1）（3/3 ページ）

プログラミング未経験でも手軽にAndroidアプリが作れるApp Inventor。本連載では、App Inventorでアプリを作り、使用しているコンポーネントに関して実際にJavaのAPIと比較して、できることを検証していきます。

[多田丈晃，ビーブレイクシステムズ] PC用表示関連情報

LINE

Hatena

前のページへ | 　　　　　　

ドラッグ＆ドロップでボタン押下時の“動作”を作る

　ブロックエディタはデザイナ画面のボタン「Open the Block Editor」を押下し、ダウンロードしたjarファイルを実行すると、起動します。

　ブロックエディタは各画面部品でハンドリングできるイベントとプロパティへの参照・設定を、パズルの部品を合わせるかのようにして、プログラミングと同じことを行います。

　ブロックエディタが起動したら、タブ［My Blocks］押下します。ここにはユーザーが使用しているインスタンスが列挙されます。

　今回はボタンのクリックイベントを定義します。タブ［My Blocks］の下にある「Button1」をクリックします。すると、「Button1」で使用できるイベントのブロックやButton1で参照・設定できる属性のブロックが表示されます。

　この中からボタンがクリックされた時のイベントを使用します。「Button1.Click」と書かれたブロックをドラッグ＆ドロップし、ブロックエディタの右ペインに置きます。

　先ほど、デザイナ画面ではラベルのプロパティ「Visible」のチェックをOFFにしました。これはアプリを起動した直後は非表示になる設定です。クリックイベントを使用し、ラベルを見える状態に変更します。

　タブ［My Blocks］の下にある「Label1」をクリックし、「Label1.Visible」と書かれた濃い水色の部品を、先ほど右ペインに置いた「Button1.Click」にパズルのピースを合わせるように配置します。このブロックはプロパティへのセッター（setterメソッド）になります。

　なお、同名で薄い水色の部品がありますが、これは上手くフィットしないので間違いにくくなっています。

　最後に、どのような値を「Label1.Visible」に設定するかを定義します。プロパティの「Visible」はboolean値なので、タブ［Build-in］をクリックし、その下にある「Logic」をクリックします。表示されたブロックの一番上に「true」がありますので、それを先ほど配置した「Label1.Visible」の右端にパズルのピースを合わせるように配置します。

　以下の図のようになっているでしょうか。