JavaFX中如何动画展示while循环计算坐标的圆柱表面粒子？

原代码里的while循环会阻塞JavaFX的UI线程，导致界面无法实时刷新粒子的运动过程——直到整个循环结束，你才能看到最终状态，中间的步骤完全看不到。下面用AnimationTimer和Timeline两种方案帮你实现逐步骤的动画效果：

方案一：用AnimationTimer实现逐帧控制 #

AnimationTimer会在JavaFX的每一帧刷新时触发回调，适合需要连续、流畅的动画场景。

步骤1：重构状态与方法 #

把原来的静态方法改成实例方法，将循环依赖的变量（坐标、精度参数、能量值等）作为类成员变量保存，避免静态方法的耦合问题：

public class ParticleSimulation {
    // 模拟状态变量
    private double[][] newCoordinates;
    private double accuracyEnergy;
    private double accuracyK;
    private double h;
    private int pow;
    private double k;
    private double energyOld;
    private double energyNew;
    private Group group;
    private Cylinder cylinder;
    private Label labelEnergyValue;
    
    // 构造方法初始化状态
    public ParticleSimulation(double[][] initialCoords, double accuracyEnergy, double accuracyK, double h, int pow, double k, 
                              double initialEnergy, Group group, Cylinder cylinder, Label labelEnergyValue) {
        this.newCoordinates = initialCoords;
        this.accuracyEnergy = accuracyEnergy;
        this.accuracyK = accuracyK;
        this.h = h;
        this.pow = pow;
        this.k = k;
        this.energyOld = initialEnergy;
        this.energyNew = initialEnergy;
        this.group = group;
        this.cylinder = cylinder;
        this.labelEnergyValue = labelEnergyValue;
    }
    
    // 原静态方法改为实例方法
    private double[][] computeNextCoordinates() {
        return NewCoordinatesWhenMinimizing(newCoordinates, h, pow, k);
    }
    
    private double computeTotalEnergy() {
        return TotalSystemEnergy(newCoordinates, h, pow);
    }
    
    private void updateParticleView() {
        ParticleMapping(newCoordinates, group, cylinder, Color.BISQUE);
    }
    
    // 保留原ParticleMapping方法（修正变量名的俄文С为英文C）
    private void ParticleMapping(double[][] array, Group group, Cylinder cylinder, Color color) {
        group.getChildren().clear();
        group.getChildren().add(cylinder);
        for (int i = 0; i < array[0].length; i++) {
            var nub = new Sphere(5);
            nub.setMaterial(new PhongMaterial(color));
            nub.setTranslateX(array[0][i] * 80);
            nub.setTranslateY(array[2][i] * 80);
            nub.setTranslateZ(array[1][i] * 80);
            group.getChildren().add(nub);
        }
    }
}

步骤2：实现AnimationTimer #

创建自定义AnimationTimer，在每一帧执行一次模拟步骤，直到满足终止条件：

public class ParticleAnimation extends AnimationTimer {
    private ParticleSimulation simulation;
    
    public ParticleAnimation(ParticleSimulation simulation) {
        this.simulation = simulation;
    }
    
    @Override
    public void handle(long now) {
        // 检查终止条件，满足则停止动画
        if (simulation.k < simulation.accuracyK || simulation.energyOld <= simulation.energyNew) {
            this.stop();
            return;
        }
        
        // 执行一次模拟步骤
        if (simulation.energyOld - simulation.energyNew <= simulation.accuracyEnergy) {
            simulation.k = simulation.k / 2;
        }
        simulation.energyOld = simulation.energyNew;
        simulation.newCoordinates = simulation.computeNextCoordinates();
        simulation.energyNew = simulation.computeTotalEnergy();
        
        // 更新UI
        simulation.labelEnergyValue.setText(String.valueOf(simulation.energyNew));
        simulation.updateParticleView();
    }
}

启动动画 #

在你的主程序中初始化模拟并启动动画：

// 假设你已经初始化了初始坐标、group、cylinder、label等
ParticleSimulation simulation = new ParticleSimulation(initialCoords, accuracyEnergy, accuracyK, h, pow, initialK, initialEnergy, group, cylinder, labelEnergyValue);
ParticleAnimation animation = new ParticleAnimation(simulation);
animation.start();

方案二：用Timeline实现固定间隔的步骤动画 #

如果需要控制每一步的时间间隔（比如每200ms更新一次），可以用Timeline：

// 初始化模拟（同方案一的ParticleSimulation）
ParticleSimulation simulation = new ParticleSimulation(initialCoords, accuracyEnergy, accuracyK, h, pow, initialK, initialEnergy, group, cylinder, labelEnergyValue);

// 创建Timeline，设置每200ms执行一次步骤
Timeline timeline = new Timeline(new KeyFrame(Duration.millis(200), event -> {
    if (simulation.k < simulation.accuracyK || simulation.energyOld <= simulation.energyNew) {
        timeline.stop();
        return;
    }
    
    // 执行模拟步骤（同AnimationTimer里的逻辑）
    if (simulation.energyOld - simulation.energyNew <= simulation.accuracyEnergy) {
        simulation.k = simulation.k / 2;
    }
    simulation.energyOld = simulation.energyNew;
    simulation.newCoordinates = simulation.computeNextCoordinates();
    simulation.energyNew = simulation.computeTotalEnergy();
    
    simulation.labelEnergyValue.setText(String.valueOf(simulation.energyNew));
    simulation.updateParticleView();
}));

// 设置无限循环，直到终止条件满足
timeline.setCycleCount(Timeline.INDEFINITE);
timeline.play();

注意事项 #

• 如果单步计算耗时较长（比如超过16ms，即60帧/秒的间隔），会导致动画卡顿。此时需要把计算逻辑放到后台线程（比如ThreadPoolExecutor），计算完成后用Platform.runLater()更新UI，避免阻塞UI线程。
• 原代码中变量newСoordinates的С是俄文字符，建议改成英文newCoordinates，避免编码或编译问题。

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