Java EclipseでVisualEditorを使いGUIアプリを作成する。

前回は既存のプログラムをインポートしましたが、それだけでは Eclipse を使うメリットが十分に実感できなかったと思います。

そこで今回からは Eclipse で Swing を使用した GUI アプリケーションをゼロから作成してみましょう。VisualEditor というプラグインを組み込みましたので、アプリケーションの画面を視覚的にデザインすることができます。

sample218 からの変更点は、PrefTest クラスは使わずに、PrefFrameクラスから直接動作するように、mainメソッドを移動しました。


【1】Eclipse を起動します。


【2】前回までを参考にして、 sample302 プロジェクトを作ります。

java-771.gif

ヒント: ファイル → 新規 → プロジェクト


【3】sample302 プロジェクトを右クリックして 新規 → その他 を選択します。

java-772.gif


【4】Java → Swing → JFrame Visual Class を選択し、「次へ」ボタンをクリックします。

java-773.gif

java-774.gif


【5】以下の図のように設定して、「終了」ボタンをクリックします。

パッケージ pref
名前 PrefFrame
スーパークラス javax.swing.JFrame
public static void main(String args[])にチェック

java-775.gif


【6】プロジェクトに PrefFrame.java が作成されました。Javaエディタの上にはVisualEditorが表示されています。

java-776.gif

Javaエディタを見るとわかりますが、ここまでの手順でウィンドウを表示して閉じるまでのプログラムは自動的に作成されています。早速プログラムを実行してみましょう。


【7】パッケージ・エクスプローラーで PrefFrame.java を選択します。

java-777.gif


【8】メニューから 実行 → 実行 → Javaアプリケーション を選択します。

java-778.gif


【9】プログラムが実行され、ウィンドウが表示されました。

java-779.gif


【10】ウィンドウを閉じてプログラムを終了します。

java-780.gif

どうでしたか?「エディタとコマンドプロンプトでの開発」なら、ウィンドウを表示して閉じるだけでもある程度プログラムを書かなければならないのですが、1行も書くことなくできました。Eclipse はさらにいろんな面でプログラマーの負担を軽くしてくれます。


【11】Javaエディタの上にある上三角をクリックします。

java-781.gif


【12】Javaエディタ部分が広がりました。次は下三角をクリックします。

java-782.gif


【13】元に戻りました。さらに下三角をクリックします。

java-783.gif


【14】今度は VisualEditor が広がりました。

java-784.gif


【15】Palette の左三角をクリックします。

java-785.gif


【16】Palette が表示されました。

java-786.gif

この Palette から部品を VisualEditor 上に配置してGUI画面をデザインしていくことになります。

Eclipse の画面上はいろいろなものが表示されていて狭いですから、作業しやすいように切り替えてください。

自動的に作成されたプログラムについては次回解説します。


【ワンポイント】
以前にパッケージとフォルダの階層構造は一致させなければならないと説明しましたが、Eclipse ではパッケージの管理も自動でやってくれます。
package pref;

java-787.gif

package 文に合わせて自動的にファイルを配置してくれるので楽です。
java-788.gif


スポンサードリンク

スポンサードリンク






Java初心者入門講座TOPへ