JavaFX - 路径转换



  • 示例 1

    以下是在 JavaFX 中演示路径转换的程序。将此代码保存在名称为的文件中PathTransitionExample.java.
    
    import javafx.animation.PathTransition; 
    import javafx.application.Application; 
    import static javafx.application.Application.launch; 
    import javafx.scene.Group; 
    import javafx.scene.Scene; 
    import javafx.scene.paint.Color; 
    import javafx.scene.shape.Circle; 
    import javafx.scene.shape.CubicCurveTo; 
    import javafx.scene.shape.MoveTo; 
    import javafx.scene.shape.Path; 
    import javafx.stage.Stage; 
    import javafx.util.Duration;  
        
    public class PathTransitionExample 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(25.0f); 
          
          //Setting the color of the circle 
          circle.setFill(Color.BROWN); 
          
          //Setting the stroke width of the circle 
          circle.setStrokeWidth(20);     
           
          //Instantiating the path class  
          Path path = new Path(); 
          
          //Creating the MoveTo path element 
          MoveTo moveTo = new MoveTo(100, 150); 
          
          //Creating the Cubic curve path element 
          CubicCurveTo cubicCurveTo = new CubicCurveTo(400, 40, 175, 250, 500, 150); 
          
          //Adding the path elements to Observable list of the Path class 
          path.getElements().add(moveTo); 
          path.getElements().add(cubicCurveTo);        
          
          //Creating a path transition 
          PathTransition pathTransition = new PathTransition(); 
          
          //Setting the duration of the path transition 
          pathTransition.setDuration(Duration.millis(1000)); 
          
          //Setting the node for the transition 
          pathTransition.setNode(circle); 
          
          //Setting the path 
          pathTransition.setPath(path);  
          
          //Setting the orientation of the path 
          pathTransition.setOrientation(PathTransition.OrientationType.
          ORTHOGONAL_TO_TAN GENT); 
          
          //Setting the cycle count for the transition 
          pathTransition.setCycleCount(50); 
          
          //Setting auto reverse value to false 
          pathTransition.setAutoReverse(false); 
        
          //Playing the animation 
          pathTransition.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("Path 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 PathTransitionExample.java 
    java PathTransitionExample 
    
    执行时,上述程序会生成一个 JavaFX 窗口,如下所示。
    路径转换
  • 示例 2

    以下是沿复杂路径变换圆的示例。将此代码保存在具有名称的文件中PathTransitionExample2.java.
    
    import javafx.animation.PathTransition; 
    import javafx.application.Application; 
    import javafx.scene.Group; 
    import javafx.scene.Scene; 
    import javafx.scene.paint.Color; 
    import javafx.scene.shape.Circle; 
    import javafx.scene.shape.LineTo; 
    import javafx.scene.shape.MoveTo; 
    import javafx.scene.shape.Path;  
    import javafx.stage.Stage; 
    import javafx.util.Duration; 
             
    public class PathTransitionExample2 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(25.0f); 
          
          //Setting the color of the circle 
          circle.setFill(Color.BROWN); 
          
          //Setting the stroke width of the circle 
          circle.setStrokeWidth(20);     
           
          //Creating a Path 
          Path path = new Path(); 
          
          //Moving to the starting point 
          MoveTo moveTo = new MoveTo(108, 71);               
          
          //Creating 1st line 
          LineTo line1 = new LineTo(321, 161);        
          
          //Creating 2nd line 
          LineTo line2 = new LineTo(126,232); 
          
          //Creating 3rd line 
          LineTo line3 = new LineTo(232,52);        
          
          //Creating 4th line 
          LineTo line4 = new LineTo(269, 250);        
          
          //Creating 5th line 
          LineTo line5 = new LineTo(108, 71);       
          
          //Adding all the elements to the path  
          path.getElements().add(moveTo); 
          path.getElements().addAll(line1, line2, line3, line4, line5);     
          
          //Creating the path transition 
          PathTransition pathTransition = new PathTransition(); 
          
          //Setting the duration of the transition 
          pathTransition.setDuration(Duration.millis(1000));       
          
          //Setting the node for the transition 
          pathTransition.setNode(circle); 
          
          //Setting the path for the transition 
          pathTransition.setPath(path); 
          
          //Setting the orientation of the path 
          pathTransition.setOrientation(
             PathTransition.OrientationType.ORTHOGONAL_TO_TAN GENT); 
          
          //Setting the cycle count for the transition 
          pathTransition.setCycleCount(50); 
          
          //Setting auto reverse value to true 
          pathTransition.setAutoReverse(false); 
          
          //Playing the animation 
          pathTransition.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("Path 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 PathTransitionExample2.java 
    java PathTransitionExample2 
    
    执行时,上述程序会生成一个 JavaFX 窗口,如下所示。
    路径转换示例