App Inventor Designerで外観をデザインする

まずは見た目を決めましょう。

• 左側のパレット(Palette)から、ボタンを２つとラベルを１つ。それと時間を計る為のクロックコンポーネントをビュワー(Viewer)に配置します。パレットのコンポーネントをドラッグ＆ドロップすればＯＫです。
• ビュワーにコンポーネントを配置すると、隣のコンポーネント一覧(Components)に表示されます。
• 配置しただけのコンポーネントは画面の表示が規定値のままで分かり難いので変更します。
  • コンポーネント一覧からButton1を選択し、右端のプロパティ一覧(Properties)のTextプロパティを"Start"に書き換えましょう。
  • 同様に、Button2は"Stop"にしておきます。
• 次にクロック(Clock1)を選択し、TimerEnabledプロパティのチェックを外します。これをしておかないとアプリケーションが起動すると同時にクロックが動き始めて残念なことになります。

と、ここまででこんな感じになるはず。

ちなみに字の大きさはFontSizeプロパティで変更できます。上のスクリーンショットは６０くらい。

• デザインが完成したら、右上にある「Open the Blocks Editor」ボタンを押し、Blocks Editorを起動します。
  • Blocks Editorが表示される前に"AppInventorForAndroidCodeblocks.jnlp"のダウンロードが始まります。
  • その後にJavaWebStartが実行されますが、準備が整うまでしばらく・・まぁ、気長に待ちます(^^)