目次:
- 1 JavaFXプロジェクトを開きます。
- 2 EclipseのPackage Explorerで新しいプロジェクトのブランチを拡張します。
- 3アプリケーションブランチを右クリック（MacではControlキーを押しながらクリック）します。表示されるコンテキストメニューで、ファイル→新規→その他を選択します。
- 4 [ウィザードの選択]ダイアログボックスのツリーで、JavaFXブランチを展開します。 JavaFXブランチで、New FXML Document項目をダブルクリックします。
- 5ダイアログボックスの[名前]フィールドに新しいファイルの名前を入力し、[完了]をクリックします。
- 6新しいルートを右クリック（MacではCtrlキーを押しながらクリック）します。 Eclipseのパッケージエクスプローラでfxmlブランチを開きます。コンテキストメニューが表示されたら、「SceneBuilderで開く」を選択します。
- 7階層セクションのAnchorPane項目を選択します。
- 8アンカーパネルを拡大するには、コンテンツパネルでマーカーをドラッグします。
- 9ライブラリパネルのコントロールセクションでTextFieldエントリを検索します。
- 10 [ライブラリ]パネルの[コントロール]セクションにあるボタンのエントリを表示します。
- 11メインメニューで、[ファイル]→[保存]を選択します。
- 12 Scene Builderアプリケーションを閉じます。
- 13プロジェクトのメインを編集します。 javaファイル。
- 14プロジェクトを実行します。
ビデオ: Coding Challenge #3: The Snake Game 2025
初心者のJavaプログラマとして、JavaFXプロジェクトに物事を追加したいと考えています。強力なGUIプログラムを作成するときは、まずボタンやその他のウィジェットを含むウィンドウを作成します。次に、キーストロークやボタンのクリックなどに対応するメソッドを追加します。
ここでは、XMLファイルを使用してボタンとテキストフィールドを記述します。
1 JavaFXプロジェクトを開きます。
EclipseのPackage Explorerで新しいプロジェクトを探します。
<！ - 1 - >2 EclipseのPackage Explorerで新しいプロジェクトのブランチを拡張します。
srcブランチの内側にあるアプリケーションブランチを探します。
3アプリケーションブランチを右クリック（MacではControlキーを押しながらクリック）します。表示されるコンテキストメニューで、ファイル→新規→その他を選択します。
[ウィザードの選択]ダイアログボックスが表示されます。
4 [ウィザードの選択]ダイアログボックスのツリーで、JavaFXブランチを展開します。 JavaFXブランチで、New FXML Document項目をダブルクリックします。
<！ - 2 - >FXMLファイルダイアログボックスが表示されます。
5ダイアログボックスの[名前]フィールドに新しいファイルの名前を入力し、[完了]をクリックします。
ファイルに Root という名前を付けます。
Rootという名前を入力しますが、e（fx）clipseはフルネームがRootのファイルを作成します。 fxml。
この新しいルート。 fxmlファイルには、新しいJavaFXアプリケーションのボタン、テキストフィールドなどのレイアウトが記述されています。
<！ - 3 - >
6新しいルートを右クリック（MacではCtrlキーを押しながらクリック）します。 Eclipseのパッケージエクスプローラでfxmlブランチを開きます。コンテキストメニューが表示されたら、「SceneBuilderで開く」を選択します。
シーンビルダアプリケーションウィンドウが表示されます。
シーンビルダウィンドウにはいくつかの領域があります：
シーンビルダウィンドウの中央には コンテンツパネル があり、新しいアプリケーションのプレビューが表示されます。
ウィンドウの左上部分には、 ライブラリパネル があります。このパネルには、コンテナセクションがあります。コントロールセクション、およびその他のいくつかのセクションがあります。
GUIの世界では、ボタン、テキストフィールド、ラベル、チェックボックスなどは コントロール と呼ばれます。ライブラリパネルのコントロールセクションはパレットを形成します。 GUIウィンドウを作成するには、コントロールをパレットからドラッグしてコンテンツパネルにドロップします。
ウィンドウの左下部分には、 ドキュメントパネル があり、これには階層セクションとコントローラセクションが含まれています。 Hierarchyセクションには、AnchorPane項目が含まれています。
階層セクションには、ウィンドウのどの要素が他の要素の内側にあるかを示すツリーがあります。「コントローラ」セクションでは、設計したウィンドウをアプリケーションのJavaコードとリンクさせるのに役立ちます。
ウィンドウの右端には、 インスペクタパネル があり、プロパティセクション、レイアウトセクション、およびコードセクションが含まれています。
プロパティセクションでは、ウィンドウ内の要素の機能について説明します。コードセクションでは、ウィンドウ内の要素に関連付けられたJavaメソッドの名前を付けます。
あなたの走行距離は異なる場合があります。これらの手順は、シーンビルダ2のプレビューリリースで機能します。異なるバージョンのシーンビルダを使用している場合は、手順が少し異なる場合があります。
7階層セクションのAnchorPane項目を選択します。
シーンビルダのコンテンツパネルの中央にマーカーが表示されます。
8アンカーパネルを拡大するには、コンテンツパネルでマーカーをドラッグします。
AnchorPaneが拡大します。
9ライブラリパネルのコントロールセクションでTextFieldエントリを検索します。
次に、TextFieldコントロールをコンテンツパネルのAnchorPageにドラッグします。
10 [ライブラリ]パネルの[コントロール]セクションにあるボタンのエントリを表示します。
ButtonコントロールをコンテンツパネルのAnchorPageにドラッグします。
11メインメニューで、[ファイル]→[保存]を選択します。
これにより、新しいFXMLファイルが保存されます。
12 Scene Builderアプリケーションを閉じます。
Eclipseワークベンチに戻ると、ルートに新しいコードが表示されます。 fxmlファイル。
ルートをダブルクリックします。パッケージエクスプローラでfxmlブランチを開き、ファイルのコードを確認します。コード内にTextFieldとButtonという単語が表示されない場合は、エディタウィンドウ内でマウスをクリックします。エディタのコードが正しくインデントされていない場合は、エディタの空白の領域をマウスでクリックし、Ctrl-Shift-Fを押します（マウスをクリックすると、エディタが更新され、シーンビルダの変更が反映されます）。
Eclipseのエディタでコードを書式設定したいとき（コードを読みやすく分かりやすいように）、Ctrl + Shift + Fを押します。
13プロジェクトのメインを編集します。 javaファイル。
リスト20-3の太字で示されているように、BorderPaneルート文をコメント化し、親ルート文を追加します。
コードリスト20-3の編集内容は、新しく設計されたルートにアプリケーションを接続します。 fxmlレイアウト。
14プロジェクトを実行します。
実行すると、ルートを使用してプロジェクトの実行が表示されます。 fxmlファイル。
