JavaFX开发问题：点击TextField后Sphere组件异常前置的解决方案咨询

你遇到的这个现象是JavaFX焦点管理机制导致的：当TextField这类控件获得焦点时，JavaFX会自动把它所在的父容器（也就是你TextSet()方法返回的Group）移到父节点（MainGroup）的子节点列表末尾，确保焦点控件不会被遮挡。但由于你的界面里Earth()的Group、Interface和TextSet()的Group都是MainGroup的直接子节点，这种自动层级调整意外让Planet所在的Group跑到了Interface前面，就出现了Sphere移到前台的情况。

下面给你两个可行的解决方案：

方案1：简化层级结构，直接管理节点顺序 #

减少不必要的Group嵌套，直接把所有UI节点按层级顺序添加到同一个容器里，同时把静态的Planet改成实例变量（静态UI组件容易引发意外状态问题）。修改后的核心代码如下：

import javafx.application.Application;
import javafx.scene.*;
import javafx.scene.control.*;
import javafx.scene.image.*;
import javafx.scene.layout.Pane;
import javafx.scene.paint.*;
import javafx.scene.shape.*;
import javafx.scene.text.Font;
import javafx.stage.Stage;

public class MainProgram extends Application {
    private static final double AppWidth = 1500;
    private static final double AppHeight = 1000;
    private static double X = 0;
    private static double Y = 0;
    // 改为实例变量，避免static带来的潜在问题
    private Sphere planet = new Sphere(600);

    private void setupPlanet() {
        planet.setTranslateX(500);
        planet.setTranslateY(500);
        PhongMaterial earthMaterial = new PhongMaterial();
        earthMaterial.setDiffuseMap(new Image("images/DefultMap.jpg"));
        earthMaterial.setBumpMap(new Image("images/ReliefMap.jpg"));
        earthMaterial.setSpecularMap(new Image("images/SpecularMap.jpg"));
        planet.setMaterial(earthMaterial);
    }

    private TextField createFieldX() {
        TextField fieldX = new TextField();
        fieldX.setFont(new Font("TimesNewRoman", 25));
        fieldX.setPrefWidth(110);
        fieldX.setTranslateX(1060);
        fieldX.setTranslateY(400);
        return fieldX;
    }

    private TextField createFieldY() {
        TextField fieldY = new TextField();
        fieldY.setFont(new Font("TimesNewRoman", 25));
        fieldY.setPrefWidth(110);
        fieldY.setTranslateX(1280);
        fieldY.setTranslateY(400);
        return fieldY;
    }

    public Group createGroup() {
        Rectangle background = new Rectangle(0, 0, AppWidth, AppHeight);
        background.setFill(Color.BLACK);

        setupPlanet();

        ImageView interfaceView = new ImageView(new Image("images/Interface.png"));

        TextField fieldX = createFieldX();
        TextField fieldY = createFieldY();

        // 严格按层级顺序添加：背景 → 星球 → 界面图片 → 输入框
        // 后面添加的节点会显示在更上层
        return new Group(background, planet, interfaceView, fieldX, fieldY);
    }

    public void start(Stage mainStage) {
        Group mainGroup = createGroup();
        Pane mainPane = new Pane(mainGroup);
        Scene mainScene = new Scene(mainPane, AppWidth, AppHeight);
        mainStage.setScene(mainScene);
        mainStage.setTitle("EarthViewer.exe");
        mainStage.setResizable(false);
        mainStage.getIcons().add(new Image("images/PlanetIcon.png"));
        mainStage.setMaxHeight(1030);
        mainStage.setMaxWidth(1500);
        mainStage.show();
    }

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

方案2：用viewOrder固定层级（保留原有Group结构） #

如果你想保留原来的Group嵌套结构，可以通过设置Node的viewOrder属性强制固定层级，确保Interface始终在Planet前面，输入框始终在Interface前面。

viewOrder的规则是：值越小的节点越先被渲染（显示在底层），值越大的节点越后被渲染（显示在顶层）。修改你的CreateGroup()方法即可：

public Group CreateGroup() {
    Rectangle Background = new Rectangle(0, 0, (int)AppWidth, (int)AppHeight);
    Background.setFill(Color.BLACK);
    Background.setViewOrder(0); // 最底层

    Group earthGroup = Earth();
    earthGroup.setViewOrder(1); // 在背景之上，界面之下

    ImageView Interface = new ImageView(new Image("images/Interface.png"));
    Interface.setViewOrder(2); // 在星球之上

    Group textGroup = TextSet();
    textGroup.setViewOrder(3); // 最顶层

    return new Group(Background, earthGroup, Interface, textGroup);
}

额外小建议 #

• 遵循Java命名规范：变量名和方法名用小驼峰式（比如planet代替Planet，createGroup代替CreateGroup），类名用大驼峰式，代码可读性会更高。
• 尽量不要用静态变量存储UI组件，静态变量的生命周期和应用一致，容易引发内存泄漏或意外的状态变更。

内容的提问来源于stack exchange，提问作者VladosProduction