14.5 JavaFX

一、JavaFX 是谁：Swing 的新一代兄弟

二、三层结构：舞台装场景，场景装节点

JavaFX 把界面拆成三层，跟 Swing 套娃一一对号：

规矩：Stage 装 Scene，Scene 装根节点，根节点再装其他节点——组件不能直接 add 给 Stage/Scene，必须先装进一个布局根节点。

三、Application 套路：四步最小骨架

写 JavaFX 程序 = 继承 Application 类、重写 start、launch 启动：

1. 写个类 extends Application（4.1 继承老规矩）；
2. 重写 start(Stage stage)——搭界面的代码全在这（用 @Override 标注，9.4）；
3. main 里调 launch(args)——它内部会自动造出你的对象、依次调 init() → start()；
4. 关窗后框架自动调 stop()，程序谢幕。

关键认知：init() / start() / stop() 都不是你调的，是框架代调的（模板方法，3.5 this 那章"父类定流程子类填内容"的思路）。你只管重写，别在 main 里自己 new Demo30().start(...) 抢戏——那样 launch 的配套环境根本没建起来，直接报错。

四、控件与布局对照表：换名字不换思想

Label lbl = new Label("还没点");        // ↔ JLabel
Button btn = new Button("点我");        // ↔ JButton
TextField txt = new TextField();        // ↔ JTextField（getText/setText 通用）
PasswordField pf = new PasswordField(); // ↔ JPasswordField

VBox root = new VBox(10, lbl, btn);     // 垂直排列，间距 10 ↔ FlowLayout 纵向版
HBox row = new HBox(10, lbl, btn);      // 水平排列
BorderPane bp = new BorderPane();       // ↔ BorderLayout，同样东南西北中
bp.setTop(node);  bp.setCenter(node);   // 摆位用 setTop/setBottom/setLeft/setRight/setCenter

事件也一样，只换了名字：btn.setOnAction(e -> ...) ↔ Swing 的 addActionListener——Lambda 照样上岗，e 照样是事件对象。思想零成本迁移。

五、动手：Demo30 JavaFX 第一扇窗

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class Demo30 extends Application {
    @Override
    public void start(Stage stage) {
        Label lbl = new Label("还没点");
        Button btn = new Button("点我");
        btn.setOnAction(e -> lbl.setText("你点过了！"));   // 门铃：14.4 同款 Lambda

        VBox root = new VBox(10, lbl, btn);        // 根节点：垂直摆两样
        Scene scene = new Scene(root, 300, 200);   // 场景装根节点，300×200

        stage.setTitle("JavaFX 第一扇窗");
        stage.setScene(scene);                     // 舞台装场景
        stage.show();                              // ↔ setVisible(true)
    }

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

跑起来：一个现代风格的窗口，点按钮标签变字——Swing 十四节学的每一招，在这里都有对应的影子。

六、五个常见误区

七、自测题

TextField name = new TextField();
PasswordField pwd = new PasswordField();
Label msg = new Label();
Button btn = new Button("登录");
btn.setOnAction(e -> {
    if ("admin".equals(name.getText()) && "123456".equals(pwd.getText())) {
        msg.setText("登录成功");
    } else {
        msg.setText("用户名或密码错误");
    }
});
VBox root = new VBox(10, name, pwd, btn, msg);

八、下一步学什么

• ☑ 14.6 本章小结 ✅ —— 点此复习：五节串线、速查 15 条、模板 4 段、五大名坑、毕业大题完整登录窗（第十四章完结 🎉）
• ☐ 第十五章（按教材顺序） —— 报个标题接着走。等你报标题。

相关笔记

• 第十四章 图形用户界面/14.4 事件处理机制：setOnAction 与 addActionListener 是同一个思想的两种方言
• 第十四章 图形用户界面/14.1 Swing概述：套娃三层对照 Stage/Scene/Node，一翻就懂
• 第四章 面向对象（下）/4.1 继承：extends Application 是继承的又一次上岗
• 第十二章 多线程/12.1 进程与线程：UI 线程铁律的线程论出处