Visual Classの新規作成

まずはプロジェクトを新規作成します。Visual Editorを使って画面を構築する場合も、プロジェクト自身は通常のJavaプロジェクトでかまいません。Javaプロジェクトの作成方法については、以前に書いた記事をご参照下さい。取り合えずbaristaはveTestと言う名前のプロジェクトを作成しました。

次に画面クラスを新規作成します。通常ですとパッケージエクスプローラのソースフォルダ上を右クリックし、[新規]→[クラス]という手順でクラスを作成します。Visual Editorを利用したい場合にはここで、[新規]→[その他]を選択してください。ウィザードを選択するダイアログが表示されるので、ツリーを展開し、[Java]→[Visal Class]を選択して[次へ]を押します。

右のようなダイアログが表示されたら、適当にクラスを作成しましょう。左下のStyleから元となるコンポーネントを選択したら、後は通常のクラスの作成と同じような手順です。サンプルではjavax.swing.JFrameを継承したVETestFrameというクラスを作成しました。また、すぐに実行が可能なようにmain()メソッドの自動生成にもチェックを入れています。

クラスの作成が完了するとソースコード編集状態に遷移します。Visual Editorを用いると右のように、上半分にGUIベースでのフォーム編集画面が、下半分にソースコードが表示されます。

Form上で右クリックするとプルダウンメニューが表示されるので、[setLayout]→[null]を選択します。これで、getContentPane().setLayout(null);を呼び出したのと同じ状態になり、ピクセル単位での部品配置が可能です。

レイアウト指定が終わったら、いよいよ部品を配置します。ソースコードの編集ウィンドウの右端にマウスを持って行くと、部品パレットが開きます。追加したい部品をパレットから選んでクリックし、フレーム上でドラッグすると、ドラッグで指定した大きさの部品が出来ます。名前は取り合えず適当で良いでしょう。さて、baristaのサンプルでは右のようにJLabelとJButtonを配置しました。

あとはSystem.out.println();の箇所にボタンを押した際の処理を実装するだけです。サンプルでは単純に"Hello World!"の出力コードを実装しました。

さて、それでは実際に動作するのかどうか、実行してみましょう。プログラムを実行し、ボタンを押してみましょう。コンソールにメッセージが表示されているのが確認できたでしょうか?

今回作成したサンプルソースはこちらからダウンロードできます。そのままクリックするとブラウザで開いてしまうことがありますので、右クリックして保存して下さい。