JavaFX BorderPane重绘问题：矩形缩小致窗口卡顿无显示

嘿，我一眼就看出你遇到的核心问题了——你肯定是在JavaFX的应用线程（UI线程）里直接执行了耗时的循环或睡眠操作，导致整个UI线程被卡死，没法实时更新界面，所以才会出现窗口空白、要等倒计时结束才恢复，而且矩形完全没缩小的情况。

为什么requestLayout()没用？ #

requestLayout()只是告诉JavaFX需要重新计算布局，但如果UI线程被阻塞（比如你在里面用了Thread.sleep()或者死循环等待），系统根本没机会去执行布局更新和界面重绘的操作，所以这个方法自然起不到作用。

正确的解决方案：用JavaFX动画API实现 #

JavaFX专门提供了一套动画框架，比如Timeline，它能在不阻塞UI线程的前提下，定时更新UI元素，完美适配你这种逐步缩小矩形的需求。下面给你写个示例代码：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;
import javafx.util.Duration;
import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
import javafx.beans.property.DoubleProperty;
import javafx.beans.property.SimpleDoubleProperty;

public class ShrinkRectangleApp extends Application {
    @Override
    public void start(Stage primaryStage) {
        // 初始化矩形，初始宽高设为300
        Rectangle rect = new Rectangle(100, 100, 300, 300);
        rect.setFill(Color.BLUE);

        Pane root = new Pane(rect);
        Scene scene = new Scene(root, 500, 500);
        primaryStage.setTitle("Shrinking Rectangle");
        primaryStage.setScene(scene);
        primaryStage.show();

        // 创建动画时间线，持续10秒
        Duration totalDuration = Duration.seconds(10);
        // 每100ms更新一次（可调整帧率）
        Duration frameDuration = Duration.millis(100);
        int frameCount = (int) (totalDuration.toMillis() / frameDuration.toMillis());

        // 用属性绑定来简化动画更新逻辑
        DoubleProperty widthProperty = new SimpleDoubleProperty(300);
        DoubleProperty heightProperty = new SimpleDoubleProperty(300);
        rect.widthProperty().bind(widthProperty);
        rect.heightProperty().bind(heightProperty);

        Timeline timeline = new Timeline();
        for (int i = 1; i <= frameCount; i++) {
            double progress = (double) i / frameCount;
            // 计算当前帧的宽高（从300线性缩小到0）
            double newWidth = 300 * (1 - progress);
            double newHeight = 300 * (1 - progress);

            KeyFrame keyFrame = new KeyFrame(
                    frameDuration.multiply(i),
                    event -> {
                        widthProperty.set(newWidth);
                        heightProperty.set(newHeight);
                    }
            );
            timeline.getKeyFrames().add(keyFrame);
        }

        // 启动动画
        timeline.play();
    }

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

代码解释： #

1. 用DoubleProperty绑定矩形的宽高，更新属性时矩形会自动触发UI刷新，不用手动调用布局方法。
2. Timeline会把每个关键帧的更新任务安排在应用线程执行，不会阻塞UI，所以你能实时看到矩形逐步缩小的过程，窗口也不会卡住。
3. 如果你的需求是缩小到固定值（不是0），只需要调整newWidth和newHeight的计算逻辑就行。

如果你一定要用线程（不推荐做动画）： #

如果因为特殊原因必须用后台线程处理，一定要用Platform.runLater()把UI更新代码包裹起来，确保它在应用线程执行，比如：

new Thread(() -> {
    for (int i = 0; i < 100; i++) {
        final int progress = i;
        // 把UI更新逻辑放到Platform.runLater里，确保在UI线程执行
        Platform.runLater(() -> {
            rect.setWidth(300 - 3 * progress);
            rect.setHeight(300 - 3 * progress);
        });
        try {
            Thread.sleep(100);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
    }
}).start();

不过这种方式不如Timeline优雅，还容易出现线程同步问题，做动画优先用JavaFX原生的动画API。

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