JavaFX - ArcTo 路径对象



Path 元素Arc 用于从当前位置绘制到指定坐标点处的弧线。

它由名为ArcTo的类表示。此类属于javafx.scene.shape包。

此类具有 4 个 double 数据类型的属性,即:

  • X - 弧形中心的 x 坐标。

  • Y - 弧形中心的 y 坐标。

  • radiusX - 当前弧线所属完整椭圆的宽度。

  • radiusY - 当前弧线所属完整椭圆的高度。

要绘制 Path 元素弧线,需要向这些属性传递值。这可以通过在实例化时按相同顺序将它们传递给此类的构造函数来完成;或者,通过使用它们各自的 setter 方法。

绘制 PathElement Arc 的步骤

要在 JavaFX 中从当前位置绘制到指定点的弧线,请按照以下步骤操作。

步骤 1:创建 Path 对象

在 Application 类的 start() 方法内部实例化 Path 类来创建一个 Path 对象,如下所示。

public class ClassName extends Application {  
   @Override     
   public void start(Stage primaryStage) throws Exception {
      //Creating a Path object 
      Path path = new Path();    
   }    
}    

步骤 2:创建 Path

创建MoveTo路径元素并将 XY 坐标设置为线的起点坐标 (100, 150)。这可以使用MoveTo类的setX()setY()方法完成,如下所示。

//Moving to the starting point 
MoveTo moveTo = new MoveTo(); 
moveTo.setX(100.0f); 
moveTo.setY(150.0f);

步骤 3:创建 ArcTo 类的对象

通过实例化名为 ArcTo 的类来创建路径元素二次曲线,该类属于javafx.scene.shape包,如下所示:

//Creating an object of the class ArcTo  
ArcTo arcTo = new ArcTo()

步骤 4:设置弧线元素的属性

指定椭圆(此弧线的一部分)的 x、y 坐标。然后,可以使用它们各自的 setter 方法指定弧线的 radiusX、radiusY、起始角度和长度,如下所示。

//setting properties of the path element arc  
arcTo.setX(300.0); 
arcTo.setY(50.0); 
       
arcTo.setRadiusX(50.0); 
arcTo.setRadiusY(50.0);   

步骤 5:将元素添加到 Path 类的可观察列表

将前面步骤中创建的路径元素MoveToarcTo添加到Path类的可观察列表中,如下所示:

//Adding the path elements to Observable list of the Path class   
path.getElements().add(moveTo); 
path.getElements().add(cubicCurveTo);

步骤 6:启动应用程序

创建 Arc 路径对象后,请按照以下步骤正确启动应用程序:

  • 首先,通过将 Group 对象作为参数值传递给其构造函数来实例化名为Scene的类。还可以将应用程序屏幕的尺寸作为可选参数传递给此构造函数。

  • 然后,使用Stage类的setTitle()方法设置舞台的标题。

  • 现在,使用名为Stage类的setScene()方法将 Scene 对象添加到舞台。

  • 使用名为show()的方法显示场景的内容。

  • 最后,使用launch()方法启动应用程序。

示例

以下程序使用 JavaFX 的 Path 类从当前点绘制到指定位置的弧线。将此代码保存在名为ArcExample.java的文件中。

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.stage.Stage; 
import javafx.scene.shape.ArcTo;
import javafx.scene.shape.MoveTo; 
import javafx.scene.shape.Path; 
         
public class ArcExample extends Application { 
   @Override 
   public void start(Stage stage) {         
      //Creating an object of the class Path  
      Path path = new Path();  
      
      //Moving to the starting point 
      MoveTo moveTo = new MoveTo(); 
      moveTo.setX(250.0); 
      moveTo.setY(250.0); 
      
      //Instantiating the arcTo class 
      ArcTo arcTo = new ArcTo(); 
         
      //setting properties of the path element arc  
      arcTo.setX(300.0); 
      arcTo.setY(50.0); 
       
      arcTo.setRadiusX(50.0); 
      arcTo.setRadiusY(50.0); 
         
      //Adding the path elements to Observable list of the Path class 
      path.getElements().add(moveTo); 
      path.getElements().add(arcTo);        
         
      //Creating a Group object  
      Group root = new Group(path); 
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      
      //Setting title to the Stage
      stage.setTitle("Drawing an arc through a path"); 
         
      //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 ArcExample.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls ArcExample

输出

执行上述程序后,将生成一个 JavaFX 窗口,显示从当前位置绘制到指定点的弧线,如下所示。

Drawing Arc Path

示例

让我们尝试在 JavaFX 中绘制 ArcTo Path 以创建具有在 Arc Path 上来回移动的圆形摆锤的摆锤对象。将此代码保存在名为ArcToAnimation.java的文件中。

import javafx.application.Application;
import javafx.animation.PathTransition; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.stage.Stage; 
import javafx.scene.shape.*;
import javafx.scene.shape.MoveTo; 
import javafx.scene.shape.Path;
import javafx.util.Duration; 
         
public class ArcToAnimation extends Application { 
   @Override 
   public void start(Stage stage) {
      // Drawing a circle
      Circle circle = new Circle(300.0f, 50.0f, 40.0f);  
	  
      //Creating an object of the class Path  
      Path path = new Path();  
      
      //Moving to the starting point 
      MoveTo moveTo = new MoveTo(); 
      moveTo.setX(250.0); 
      moveTo.setY(250.0); 
      
      //Instantiating the arcTo class 
      ArcTo arcTo = new ArcTo(); 
         
      //setting properties of the path element arc  
      arcTo.setX(300.0); 
      arcTo.setY(50.0); 
       
      arcTo.setRadiusX(50.0); 
      arcTo.setRadiusY(50.0); 
         
      //Adding the path elements to Observable list of the Path class 
      path.getElements().add(moveTo); 
      path.getElements().add(arcTo);

      //Creating a path transition 
      PathTransition pathTransition = new PathTransition(); 
      
      //Setting the duration of the path transition 
      pathTransition.setDuration(Duration.millis(1000));

      //Setting the node 
      pathTransition.setNode(circle);	  
      
      //Setting the path 
      pathTransition.setPath(path);  
      
      //Setting the orientation of the path 
      pathTransition.setOrientation(PathTransition.OrientationType.ORTHOGONAL_TO_TANGENT); 
      
      //Setting the cycle count for the transition 
      pathTransition.setCycleCount(50); 
      
      //Setting auto reverse value to true 
      pathTransition.setAutoReverse(true); 
    
      //Playing the animation 
      pathTransition.play(); 	  
         
      //Creating a Group object  
      Group root = new Group();
      root.getChildren().addAll(circle, path); 	  
         
      //Creating a scene object 
      Scene scene = new Scene(root, 600, 300);  
      
      //Setting title to the Stage
      stage.setTitle("Drawing an arc through a path"); 
         
      //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 ArcExample.java 
java --module-path %PATH_TO_FX% --add-modules javafx.controls ArcExample

输出

执行上述程序后,将生成一个 JavaFX 窗口,显示摆锤路径,如下所示。

Drawing Pendulum
广告