JavaFX进度条/指示器：动态绑定颜色至进度及倒计时动画实现

嘿，我来帮你搞定这两个JavaFX的需求！下面分两部分给你详细说明和代码示例：

需求1：ProgressBar颜色与进度值动态绑定 #

要实现ProgressBar的颜色随进度值变化，核心是通过监听progressProperty()的变化，动态修改它的CSS样式属性-fx-accent（这个属性控制ProgressBar的填充颜色）。比如我们可以让进度从0到1时，颜色从绿色渐变到红色：

ProgressBar progressBar = new ProgressBar();

// 监听进度变化，实时更新颜色
progressBar.progressProperty().addListener((observable, oldValue, newValue) -> {
    double progress = newValue.doubleValue();
    // 计算RGB分量：进度0时绿色(0,255,0)，进度1时红色(255,0,0)
    int red = (int) (255 * progress);
    int green = (int) (255 * (1 - progress));
    // 转成十六进制颜色字符串
    String accentColor = String.format("#%02X%02X%02X", red, green, 0);
    // 设置ProgressBar的样式
    progressBar.setStyle("-fx-accent: " + accentColor + ";");
});

你可以根据自己的需求调整颜色渐变的逻辑，比如换成蓝色到黄色，或者多节点的渐变效果。

需求2：ProgressIndicator计时器的颜色修改 #

你已经用Timeline实现了进度的动画效果，现在要修改ProgressIndicator的颜色，思路和ProgressBar类似，只是控制颜色的CSS属性变成了-fx-progress-color。我们可以在你的现有代码基础上，加上进度监听来动态改色：

private ProgressIndicator progress = new ProgressIndicator();
private Timeline timeline = new Timeline();

public void doTime(int sec){
    Timeline time = new Timeline(
        new KeyFrame(
            Duration.ZERO,
            new KeyValue(progress.progressProperty(), 1)
        ),
        new KeyFrame(
            Duration.seconds(sec),
            new KeyValue(progress.progressProperty(), 0)
        )
    );
    time.setCycleCount(1); // 设置只播放一次，补全你未写完的代码
    time.play();

    // 监听进度变化，实时更新ProgressIndicator的颜色
    progress.progressProperty().addListener((observable, oldValue, newValue) -> {
        double prog = newValue.doubleValue();
        // 示例：进度1（开始）为红色，进度0（结束）为绿色
        int red = (int) (255 * prog);
        int green = (int) (255 * (1 - prog));
        String progressColor = String.format("#%02X%02X%02X", red, green, 0);
        // 设置ProgressIndicator的样式
        progress.setStyle("-fx-progress-color: " + progressColor + ";");
    });
}

如果想要颜色和进度一样平滑动画，也可以创建StringProperty绑定颜色值，再将其作为KeyValue加入Timeline，但上面的监听方式已经足够简单流畅。

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