Eclipse開發JavaFX專案入門

一、下載與安裝

啟動eclipse：Window -> References->JavaFX

加入JavaFX Scene Builder 2.0.exe

第一步就完成了。

二、簡單JavaFX專案

1.建立專案

選擇javafx專案

輸入javafx名稱,(環境:JDK8以上)

自動生成的專案結構

application包下建立fxml檔案

File -> New -> Other

輸入名稱。

2.進入JavaFX Scene Builder

開啟JavaFX Scene Builder

點選AnchorPane

滑鼠放在+ 拉大

3.新增元件

Containers中選擇Button元件

點選Button元件,在右邊設定其屬性(預設也行)

設定Button的fx:id (重點)

右邊->code->fx:id,輸入一個名稱

我們在新增一個文字框,設定fx:id

隨意拖動,縮放。也可以設定其屬性

儲存

預覽

預覽結果:

關閉

三、引用fxml,編寫Java程式碼

1.建立application.MyController類

開啟fxml檔案

新增內容:fx:controller=”application.MyController”,儲存

預覽如下(MyController,可以自己命名)

滑鼠放在追加的內容上,右鍵->source->GenerateController

然後自動生成MyController類和欄位

2.MyController類中編寫程式碼(事件)

例如給Button很簡單的一個事件,MyController類程式碼如下

import javafx.fxml.FXML;
import javafx.scene.control.Button;
import
 
 javafx.scene.control.TextField;
public class MyController {
    @FXML
    private Button btn_1;
    @FXML
    private TextField text_1;
    public void eventButton(){
        String text = text_1.getText();//獲取文字框輸入的內容
        System.out.println(text);
    }
}

再進入JavaFX Scene Builder 2.0新增Button的事件

選擇Button，右邊框->code->OnAction，選擇eventButton

儲存

3.新增Main類中的程式碼

Main類中自動生成的程式碼如下

import javafx.application.Application;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;
public class Main extends Application {
    @Override
    public void start(Stage primaryStage) {
        try {
            BorderPane root = new BorderPane();
            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);
    }
}

Main類中修改如下

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.stage.Stage;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;
public class Main extends Application {
    @Override
    public void start(Stage primaryStage) {
        try {
            Parent root = FXMLLoader.load(getClass().getResource("SceneDemo.fxml"));//修改了
            //BorderPane root = new BorderPane();
            //設定Scene的大小(SceneBuilder中點選AnchorPane右邊Layout中會顯示大小,不一樣的可以)
            Scene scene = new Scene(root,500,522);//修改了
            scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
            primaryStage.setScene(scene);
            primaryStage.setResizable(false);//設定不能視窗改變大小
            primaryStage.setTitle("一個簡單的JavaFX");//設定標題
            primaryStage.show();
        } catch(Exception e) {
            e.printStackTrace();
        }
    }
    public static void main(String[] args) {
        launch(args);
    }
}

儲存，執行Main類

結束，如有錯誤，敬請指明。