如何不使用CSS实现JavaFX文本颜色过渡效果？

方案1：直接用FillTransition（其实支持Text控件） #

你之前误以为FillTransition只适用于图形，但Text本身是Shape的子类，完全可以用FillTransition来实现颜色过渡，代码简单直接：

在你的代码中初始化Text之后，添加这段代码即可：

FillTransition fillTransition = new FillTransition(Duration.seconds(3), text, Color.RED, Color.BLUE);
fillTransition.setCycleCount(Animation.INDEFINITE); // 可选：循环播放
fillTransition.setAutoReverse(true); // 可选：来回过渡
fillTransition.play();

这段代码会让文本在3秒内从红色平滑过渡到蓝色，还可以按需设置循环和反向播放。

方案2：用Timeline自定义过渡逻辑 #

如果需要更精细的控制（比如自定义过渡曲线、中途切换颜色），用Timeline是更好的选择。通过KeyFrame逐帧计算RGB插值，实现平滑渐变：

替换你原来的颜色初始化部分，添加Timeline代码：

Timeline timeline = new Timeline();
Duration duration = Duration.seconds(3);

// 红色到蓝色的RGB插值过渡
KeyValue colorValue = new KeyValue(text.fillProperty(), Color.BLUE, Interpolator.EASE_BOTH);
timeline.getKeyFrames().add(new KeyFrame(duration, colorValue));

// 可选设置循环和反向
timeline.setCycleCount(Animation.INDEFINITE);
timeline.setAutoReverse(true);
timeline.play();

为什么你之前的循环方法没用？ #

你用do while循环直接修改RGB值时，整个循环是在JavaFX主线程中一次性执行完的，UI线程根本来不及逐帧更新显示，所以看起来是瞬间完成。而JavaFX的动画类（FillTransition、Timeline）都是基于帧调度的，会自动把颜色更新分散到每一个渲染帧，自然就能看到平滑的过渡效果。

完整示例代码（FillTransition版本） #

package application;
    
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
import javafx.stage.Stage;
import javafx.animation.FillTransition;
import javafx.animation.Animation;
import javafx.util.Duration;


public class Main extends Application {
    @Override
    public void start(Stage primaryStage) {
        try {
            BorderPane root = new BorderPane();
            Scene scene = new Scene(root,400,400);

            StackPane stack = new StackPane();
            Text text = new Text("Hello there StackOverflow, how are you? (: ");
            
            // 设置文本样式
            text.setFont(Font.font(16));
            text.setFill(Color.RED); // 初始颜色
            
            // 添加颜色过渡动画
            FillTransition fillTransition = new FillTransition(Duration.seconds(3), text, Color.RED, Color.BLUE);
            fillTransition.setCycleCount(Animation.INDEFINITE);
            fillTransition.setAutoReverse(true);
            fillTransition.play();
            
            stack.getChildren().add(text);
            root.setCenter(stack); // 用布局容器的内置方法代替手动设置坐标，布局更合理
            
            primaryStage.setScene(scene);
            primaryStage.show();
        } catch(Exception e) {
            e.printStackTrace();
        }
    }
    
    public static void main(String[] args) {
        launch(args);
    }
}

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