JavaFX - 填充动画

在本教程的色彩部分，我们学习了 JavaFX 节点可以使用各种颜色着色。但是，我们只学习了使用 `setFill()` 方法为对象着色；我们也可以使用动画来更改形状的填充颜色。这种类型的动画称为填充动画。

填充动画是一种在指定时间段内更改 JavaFX 节点颜色的动画。这种动画通常用于应用程序中进行测验：如果答案正确，选项将变为“绿色”，否则变为“红色”。

填充动画

填充动画是使用属于 `javafx.animation` 包的 `**FillTransition**` 类对 JavaFX 节点执行的。此类包含可用于设置对象动画的各种属性。

• **duration** - 此填充动画的持续时间。

• **shape** - 此填充动画的目标形状。

• **fromValue** - 指定此填充动画的起始颜色值。

• **toValue** - 指定此填充动画的结束颜色值。

示例

以下是演示 JavaFX 中填充动画的程序。将此代码保存在名为 `**FillTransitionExample.java**` 的文件中。

import javafx.animation.FillTransition; 
import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.paint.Color; 
import javafx.scene.shape.Circle; 
import javafx.stage.Stage; 
import javafx.util.Duration; 
         
public class FillTransitionExample extends Application { 
   @Override 
   public void start(Stage stage) {      
      //Drawing a Circle 
      Circle circle = new Circle(); 
      
      //Setting the position of the circle 
      circle.setCenterX(300.0f); 
      circle.setCenterY(135.0f); 
      
      //Setting the radius of the circle 
      circle.setRadius(100.0f); 
      
      //Setting the color of the circle 
      circle.setFill(Color.BROWN); 
      
      //Setting the stroke width of the circle 
      circle.setStrokeWidth(20); 
       
      //Creating the fill Transition 
      FillTransition fillTransition = new FillTransition(Duration.millis(1000)); 
      
      //Setting the shape for Transition 
      fillTransition.setShape(circle); 
      
      //Setting the from value of the transition (color) 
      fillTransition.setFromValue(Color.BLUEVIOLET);  
      
      //Setting the toValue of the transition (color) 
      fillTransition.setToValue(Color.CORAL); 
      
      //Setting the cycle count for the transition 
      fillTransition.setCycleCount(50); 
      
      //Setting auto reverse value to false 
      fillTransition.setAutoReverse(false);  
      
      //Playing the animation 
      fillTransition.play(); 
         
      //Creating a Group object  
      Group root = new Group(circle); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);   
      
      //Setting title to the Stage
      stage.setTitle("Fill transition example"); 
         
      //Adding scene to the stage 
      stage.setScene(scene); 
         
      //Displaying the contents of the stage 
      stage.show(); 
   }      
   public static void main(String args[]){ 
      launch(args); 
   } 
}

使用以下命令从命令提示符编译并执行保存的 java 文件。

javac --module-path %PATH_TO_FX% --add-modules javafx.controls FillTransitionExample.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls FillTransitionExample

输出

执行后，上述程序将生成如下所示的 JavaFX 窗口。