ドキュメント



ご意見をお寄せください | 印刷 | PDF | ePub | Mobi
JavaFX Scene Builder: JavaFX Scene Builderの概要

3 サンプルFXMLファイルのオープン

この章では、NetBeans IDEの「開く」コマンドまたはScene Builderの「開く」コマンドを使用して、JavaFX Scene BuilderウィンドウにIssueTrackingLite.fxmlサンプル・ファイルを開く方法を説明します。

JavaFXの概念およびJavaFX Scene Builderユーザー・インタフェースについて理解してから、JavaFX Scene Builderを使用してFXMLレイアウトの作成を開始します。完成したIssueTrackingLite.fxmlファイルを開き、完了後のIssueTrackingLiteのGUIレイアウトの外観を確認します。次のいずれかの方法を使用します。

このチュートリアルで使用するコントローラ・ソース・ファイルおよびカスケード・スタイルシート(CSS)ファイルは、IssueTrackingLiteサンプルNetBeansプロジェクトにすでに付属しています。これらのファイルは、新しいFXMLファイルが格納されるのと同じプロジェクト・フォルダ内にあります。

NetBeans IDEの「プロジェクト」ウィンドウの使用

NetBeans IDEの「プロジェクト」ウィンドウを使用して、完成したIssueTrackingLite.fxmlサンプル・レイアウト・ファイルを開きます。

  1. NetBeans IDE 8.0のショートカットをダブルクリックするか、または「スタート」、「すべてのプログラム」、「NetBeans」、「NetBeans IDE 8.0」の順に選択して、WindowsプラットフォームでNetBeans IDEを起動します。Mac OS Xプラットフォームでは、「NetBeans IDE 8.0」アプリケーション・アイコンをダブルクリックします。

  2. メニュー・バーから、「ファイル」、「プロジェクトを開く」の順に選択します。

  3. 「プロジェクトを開く」ダイアログ・ボックスから、IssueTrackingLiteサンプル・ファイルを抽出したディレクトリに移動し、IssueTrackingLiteプロジェクトを開きます。

  4. 「プロジェクト」ウィンドウで、IssueTrackingLite、「ソース・パッケージ」およびissuetrackingliteノードを展開します。IssueTrackingLite.fxmlノードをダブルクリックして、JavaFX Scene Builderでファイルを開きます。

    注意:

    Scene BuilderウィンドウではなくIDEのソース・エディタにIssueTrackingLite.fxmlファイルが開く場合は、Scene BuilderインストールでIDEが認識されていない可能性があります。確認するには、NetBeans IDEのメイン・メニューから「ツール」を選択し、次に「オプション」を選択します。「オプション」ウィンドウで、「Java」タブ、「JavaFX」タブの順にクリックします。NetBeansでScene Builderインストールが認識されて場合は、Scene Builderホーム・ディレクトリがリストされます。リストされていない場合は、このチュートリアルの準備の章で要件を確認してから、このチュートリアルを続行してください。

    JavaFX Scene Builderツールのメイン・ウィンドウが表示され、図3-1に示すように「コンテンツ」パネルにIssueTrackingLite.fxmlファイルが開きます。

    図3-1 JavaFX Scene Builderウィンドウに開いた、完成したIssueTrackingLite.fxml

    図3-1の説明が続きます
    「図3-1 JavaFX Scene Builderウィンドウに開いた、完成したIssueTrackingLite.fxml」の説明

  5. 独自のFXMLレイアウト・ファイルを作成できるように、ファイルを別名で保存します。メニュー・バーから、「ファイル」、「別名保存」の順に選択します。ファイル名テキスト・フィールドにIssueTrackingLiteComplete.fxmlと入力し、「保存」をクリックします。これから作成するレイアウトのバージョンと比較するのに使用できるように、このファイルのJavaFX Scene Builderウィンドウを開いたままにします。

  6. IDEの「プロジェクト」ウィンドウで、IssueTrackingLite.fxmlファイルのノードを右クリックして「削除」を選択すると、作成するFXMLレイアウトに同じファイル名を使用できます。「オブジェクト削除の確認」ダイアログ・ボックスで、「はい」をクリックします。

JavaFX Scene Builderの「開く」コマンドの使用

スタンドアロンのJavaFX Scene Builderウィンドウから、完成したサンプルFXMLファイルを直接開きます。

  1. JavaFX Scene Builder 2.0のショートカットをダブルクリックするか、または「スタート」、「すべてのプログラム」、「JavaFX Scene Builder」、「JavaFX Scene Builder 2.0」の順に選択して、WindowsプラットフォームでJavaFX Scene Builderを起動します。Mac OS Xプラットフォームでは、「JavaFX Scene Builder 2.0」アプリケーション・アイコンをダブルクリックします。

  2. メニュー・バーから、「ファイル」、「開く」の順に選択します。

  3. 「FXMLを開く」ダイアログ・ボックスから、IssueTrackingLiteサンプル・ファイルを抽出したフォルダに移動し、IssueTrackingLite、srcおよびissuetrackingliteフォルダを開きます。

  4. IssueTrackingLite.fxmlファイルをダブルクリックします。

    図3-1に示すように「コンテンツ」パネルにIssueTrackingLite.fxmlファイルが開きます。

  5. IssueTrackingLiteアプリケーションで認識される元のファイル名を使用して独自のFXMLレイアウト・ファイルを作成できるように、ファイルを別名で保存します。

    1. メニュー・バーから、「ファイル」、「別名保存」の順に選択します。

    2. ファイル名テキスト・フィールドにIssueTrackingLiteComplete.fxmlと入力し、「保存」をクリックします。

ウィンドウを閉じる

目次

JavaFX Scene Builder: JavaFX Scene Builderの概要

展開 | 縮小