JavaFX - 描边转换

我们已经了解到，填充转换用于更改形状区域的颜色。与此类似，描边转换用于更改形状的描边颜色。

JavaFX 中的形状可以包含三种类型的描边：内部、外部和居中；并应用不同的属性。此转换忽略描边的属性，而只是在指定持续时间内更改其颜色。

描边转换

JavaFX 使用属于 javafx.animation 包的 StrokeTransition 类提供描边转换。通过导入此类，我们可以更改 JavaFX 应用程序上任何形状的描边颜色。要实现此动画，此类提供了各种属性 -

• duration - 此 StrokeTransition 的持续时间。

• shape - 此 StrokeTransition 的目标形状。

• fromValue - 指定此 StrokeTransition 的起始颜色值。

• toValue - 指定此 StrokeTransition 的结束颜色值。

示例

以下是演示 JavaFX 中 Stoke Transition 的程序。将此代码保存在名为 StrokeTransitionExample.java 的文件中。

import javafx.animation.StrokeTransition; 
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 StrokeTransitionExample 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 stroke transition  
      StrokeTransition strokeTransition = new StrokeTransition(); 
      
      //Setting the duration of the transition 
      strokeTransition.setDuration(Duration.millis(1000)); 
      
      //Setting the shape for the transition 
      strokeTransition.setShape(circle); 
      
      //Setting the fromValue property of the transition (color) 
      strokeTransition.setFromValue(Color.BLACK); 
      
      //Setting the toValue property of the transition (color) 
      strokeTransition.setToValue(Color.BROWN); 
       
      //Setting the cycle count for the transition 
      strokeTransition.setCycleCount(50); 
      
      //Setting auto reverse value to false 
      strokeTransition.setAutoReverse(false); 
      
      //Playing the animation 
      strokeTransition.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("Stroke 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 StrokeTransitionExample.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls StrokeTransitionExample 

输出

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