3 Scene BuilderとログインEclipse IDEを組み合せた使用

e(fx)clipseのダウンロードとインストール

JavaFX Scene Builderインストールで使用するe(fx)clipseツールのダウンロードとインストールで使用可能なオプションの詳細は、http://www.eclipse.org/efxclipse/install.htmlを参照してください。

新規JavaFX FXMLプロジェクトの作成

Eclipseを使用して新規JavaFX FXMLプロジェクトを作成するには、最初に新規JavaFXプロジェクトを作成し、そのJavaFXプロジェクトに新規FXMLドキュメントを追加する必要があります。

1. 図3-1に示すように、Eclipse IDEのメイン・メニューから「ファイル」を選択し、「新規」、「その他」の順に選択します。

   図3-1 新規ファイルの作成

   
   「図3-1 新規ファイルの作成」の説明
   
   

2. 「新規」ダイアログ・ボックスから「JavaFX」フォルダを展開し、図3-2に示すようにJavaFXプロジェクト・ウィザードを選択して、「次」をクリックします。

   図3-2 JavaFXプロジェクト・ウィザードの選択

   
   「図3-2 JavaFXプロジェクト・ウィザードの選択」の説明
   
   

3. プロジェクト名を入力し、使用するJREを指定して、プロジェクト・レイアウト・オプションを選択します。図3-3に示すように、「終了」をクリックしてプロジェクト作成を完了します。

   図3-3 新規Javaプロジェクトの作成

   
   「図3-3 新規Javaプロジェクトの作成」の説明
   
   

4. 新規FXMLドキュメントを作成します。

   1. パッケージ・エクスプローラでTest1フォルダを右クリックします。

   2. 「新規」、「その他」の順に選択します。

   3. 図3-4に示すように、「新規」ダイアログ・ボックスで「JavaFX」フォルダを展開し、新規FXMLドキュメントを選択します。「次」をクリックします。

   図3-4 新規FXMLドキュメントの作成

   
   「図3-4 新規FXMLドキュメントの作成」の説明
   
   

5. FXMLファイル・ダイアログ・ボックスで、次の手順を実行して、新規FXMLドキュメントの作成を完了します。

   1. Test1 /srcに自動的に設定されない場合は、「参照」をクリックして「ソース」フォルダ値を指定します。前のステップで作成したJavaFXプロジェクトのsrcフォルダに移動します。「パッケージ」フィールドはそのままにします。

   2. 図3-5に示すように、「名前」フィールドに、FXMLファイル名としてSampleと入力します。

   3. 「参照」をクリックし、プレローダーの検索ダイアログ・ボックスからアイテムを選択して、FXMLドキュメントのルート要素を指定します(まだ設定していない場合)。表示されるデフォルト値はAnchorPaneです。

   4. 動的ルートは選択を解除したままにします。これは、カスタム・タイプを管理する上級ユーザー向けです。

   5. 「終了」をクリックして、ダイアログ・ボックスを閉じます。
      これで、JavaFX FXMLレイアウトの作成を完了できます。

   図3-5 新規FXMLファイルの作成の終了

   
   「図3-5 新規FXMLファイルの作成の終了」の説明
   
   

Scene Builderを使用したFXMLファイルの編集

Eclipse FXMLエディタを使用するか、またはJavaFX Scene Builderツールを使用してファイルを開いて、FXMLファイルを編集できます。

1. IDEのパッケージ・エクスプローラ・タブで、Test1およびsrcフォルダを展開します。

2. 図3-6に示すように、Sample.fxmlファイルのノードを右クリックし、Scene Builderで開くを選択します。
   
   Scene Builderの別のウィンドウが開き、「コンテンツ」パネル領域にSample.fxmlレイアウトが表示されます。場合によっては、「コンテンツ」パネルに表示されるデフォルトのAnchorPaneのサイズを大きくする必要があります。コントロールの追加を開始できます。

   図3-6 Scene BuilderでSample.fxmlファイルを開く

   
   「図3-6 Scene BuilderでSample.fxmlファイルを開く」の説明
   
   

3. 使用可能なScene Builder機能の詳細はJavaFX Scene Builderユーザーズ・ガイドを参照し、単純な問題トラッキング・アプリケーションを作成するにはJavaFX Scene Builderの概要を参照してください。

次に実行すること

Scene BuilderツールとEclipse IDEとの統合を理解した上で、使用可能なScene Builder機能の詳細は、JavaFX Scene Builderユーザーズ・ガイドを参照してください。単純な問題トラッキング・アプリケーションを作成するには、JavaFX Scene Builderの概要で説明されている手順に従います。

Scene Builderリリースに付属するサンプル・アプリケーションを試すこともできます。サンプルはNetBeansプロジェクトであるため、Eclipse IDEを使用してサンプルを使用する方法については、次の情報を参照してください。