JavaFXのTextFieldについて

Question

前提・実現したいこと

現在Javaを学習しているものです。
Javaを使用したデスクトップアプリを作成したいと思い、JavaFXでアプリ作成を
始めたのですが初歩中の初歩で躓いてしまったため質問させていただきます。

現在のソースコード

とあるサイトを参考に下記のようなコードでTextFieldに入力した値を取得し、コンソールに表示するという
システムを作成しました。
一つのTextFieldであれば下記の用な書き方で取得に成功したのですが、idともう一つ"name"も取得したいとなった場合どのように書けば取得できるのでしょうか。調べてはみたのですが、TextFieldを一つしか使わないコードしか見当たらずどのように書けばわかりませんでした。まず、どのような仕組みで取得できているのかを知ったうえで二つのTextFieldnの取得の仕方を知りたいです。

//SampleController.java
package application;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.scene.control.TextField;
public class SampleController {
	@FXML
	private TextField id;

	@FXML
	protected void onGetButtonClick(ActionEvent evt) { //「取得」ボタンクリック
		System.out.println(id.getText());
		
	}
}

//Sample.fxml
<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.text.*?>
<?import java.lang.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.AnchorPane?>

<BorderPane xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="application.SampleController">
   <center>
      <AnchorPane prefHeight="441.0" prefWidth="981.0" BorderPane.alignment="CENTER">
         <children>
            <Button layoutX="312.0" layoutY="345.0" mnemonicParsing="false" onAction="#onGetButtonClick" text="Button" />
            <TextField fx:id="id" layoutX="42.0" layoutY="162.0" prefHeight="31.0" prefWidth="102.0" />
            <TextField fx:id="name" layoutX="171.0" layoutY="162.0" prefHeight="31.0" prefWidth="102.0" />
         </children>
      </AnchorPane>
   </center>
</BorderPane>

//Main.java
package application;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;


public class Main extends Application {
	@Override
	public void start(Stage primaryStage) {
		try {
			BorderPane root = (BorderPane)FXMLLoader.load(getClass().getResource("Sample.fxml"));
			Scene scene = new Scene(root,400,400);
			scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
			primaryStage.setScene(scene);
			primaryStage.show();
		} catch(Exception e) {
			e.printStackTrace();
		}
	}

	public static void main(String[] args) {
		launch(args);
	}
}

エラーメッセージ

Exception in thread "JavaFX Application Thread"

JavaFXについて

Javaの学習としてデスクトップアプリを作成して成果物を作りながら学習を行いたいと考えているのですが、デスクトップアプリを作るのにJavaFXは良いのでしょうか？「JavaFX　廃止」という記事や、調べても学習の参考になるようなサイトなどがあまりなくてこずっています。学習程度ならJavaFXでも良い…など何かアドバイスや学習サイトなどがあれば教えていただきたいです。

Answer 1

idともう一つ"name"も取得したいとなった場合どのように書けば取得できるのでしょうか。

    @FXML
    private TextField id;

    @FXML
    private TextField name;

    @FXML
    protected void onGetButtonClick(ActionEvent evt) {
        System.out.println(id.getText());
        System.out.println(name.getText());
    }

のようにnameもフィールドを作ります（@FXMLも忘れずに）
fxmlとControllerクラスで、型（TextField等）と名前（name等）があっている必要があります。

どのような仕組みで取得できているのか

FXMLLoader.loadで色々よしなにやってくれるんでしょうが、私も知りません^^;
そういう決まりだと思ったほうが幸せだと思います。
FXMLの概要 | JavaFX 8.0
FXMLを利用する（１）基本的な使い方｜軽Lab

実際は「Scene Builder」を使用すれば、かなりの部分をマウスポチポチで済むはずです。

Javaの学習としてデスクトップアプリを作成して成果物を作りながら学習を行いたいと考えているのですが、デスクトップアプリを作るのにJavaFXは良いのでしょうか？「JavaFX　廃止」という記事や、調べても学習の参考になるようなサイトなどがあまりなくてこずっています。

ひとつはっきりさせておきたいのはJDKに含まれなくなっただけで、OpenJFXとして開発は続いています。
JavaFX

JavaFXはSwingの後継として出てきたわけですが、あまり流行らなかったのは確かだと思います。
この辺りはC#でのWindows開発とよく似ています（Winforms 対 WPF・UWP）
ビューとロジックを分けて書くタイプのものですが、小規模だとメリットよりデメリットのほうが大きく感じられたのかもしれません（リアルタイムで体験していないので本当の理由はよくわかりません）

言語の学習がメインであれば、情報の多いSwingでやったほうが躓きは少ないと思います。
今後GUIアプリの学習も視野にあるなら、JavaFXをする意義はあると思います。

Comments

[ponpon123]

@FXMLを付けずに何度も実行しようとしていました・・・。
JavaFX、Swingの説明までありがとうございます。

Answer 2

成果物を作りながら学習を行いたい

でしたら、実践系の書籍のほうが良いと思います。
デスクトップアプリも何をつくりたいかにはよりますが、おおよそ流れは同じなので、1つ覚えてもまた最初からということにはなりにくいと思います（個人の感想）

Comments

[ponpon123]

アドバイスありがとうございます。
よろしければ本題のコードについての質問に対しての解答もしていただけるとありがたいです。

[m.ts10806]

変数名とフィールド名が連動してるなら明白ではないかと。

[ponpon123]

すみません。理解できません。。。
どのように書けばいいか教えていただけませんでしょうか。
一から勉強しろと思うかもしれませんが、ここだけでいいのでスッキリ理解しておきたいです。
教えていただいたら一から書籍を購入して勉強します。

[m.ts10806]

ではもうひとつ突っ込んでおきます。

private TextField id;

↑これはなぜ「id」という変数名にしましたか？

[ponpon123]

特に意味はないです。aでもbでも取得してコンソールに表示できます。

[m.ts10806]

では
fx:id="id"
との紐付けどこでやってますか？

[ponpon123]

それが分からなくて2つ以上のTextFieldを設置した場合一つしか取得できないです。
紐づけをしなければいけないんですよね。どのようにすればいいのでしょうか。

[m.ts10806]

手元に環境ないので調べた感じですが、変数名と連動してるように見えるのですけど…。

[ponpon123]

あぁ、すみません。idはTextField id;でないと表示できませんでした。
ですが、下記のような書き方をするとidは表示されるんですがnameの方がエラーになってしまいます。
private TextField id;
private TextField name;
@FXML
protected void onGetButtonClick(ActionEvent evt) { //「取得」ボタンクリック
System.out.println(id.getText());
System.out.println(name.getText());

}

[m.ts10806]

どういうエラーでしょうか

[m.ts10806]

質問本文に追記してください

[ponpon123]

エラーメッセージが長くどの部分を記載すればいいか分からなかったのですが、一応追記しました。

[m.ts10806]

アノテーションの理解からですね。

[m.ts10806]

古い記事ですけど、下記。
https://qiita.com/opengl-8080/items/de390c063db52e04b591#%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%A9%E3%82%AF%E3%83%A9%E3%82%B9%E3%81%AE%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E3%81%A8%E7%94%BB%E9%9D%A2%E4%B8%8A%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%82%92%E7%B4%90%E4%BB%98%E3%81%91%E3%82%8B