JavaFX 路径过渡

2024 年 8 月 29 日 | 阅读 2 分钟

它允许节点在指定持续时间内通过指定的路径进行动画。在 JavaFX 中，路径通过实例化类 javafx.scene.shape.Path. 定义。

沿着此路径的平移通过以固定间隔更新节点的 x 和 y 坐标来完成。仅当方向设置为 OrientationType.ORTHOGONAL_TO_TANGENT. 时，才能进行旋转。

在 JavaFX 中，类 javafx.animation.PathTransition 表示路径过渡。我们需要实例化这个类才能创建一个合适的路径过渡。

性质

该类的属性以及 setter 方法在下表中描述。

属性	描述	设置器方法
duration	此属性是 Duration 类的对象类型。这表示过渡的生命周期。	setDuraton(Duration duration)
node	这是一个 Node 类的对象。这表示将应用过渡的节点。	setNode(Node node)
orientation	这是一个由 PathTransition.OrientationType. 引用的对象类型属性。它表示节点沿路径的垂直方向。	SetOrientation(PathTransition.OrientationType orientation-type)
path	这是一个 Shape 类的对象类型属性。它指定动画路径的轮廓所经过的形状。	setPath(Shape shape)

构造函数

该类中有三个构造函数。

public PathTransition() : 创建具有默认参数的 Path Transition 的实例
public PathTransition(Duration duration, Shape path) : 创建具有指定持续时间和路径的路径过渡实例
public PathTransition(Duration duration, Shape path, Node node) : 创建具有指定持续时间、路径和节点的 PathTransition 的实例。

示例

在以下示例中，我们创建了一个多边形，并在其上应用了路径过渡，模拟了钟摆的路径。

package application;
import javafx.animation.PathTransition;
import javafx.animation.PathTransition.OrientationType;
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.paint.Color;
import javafx.scene.shape.CubicCurveTo;
import javafx.scene.shape.MoveTo;
import javafx.scene.shape.Path;
import javafx.scene.shape.Polygon;
import javafx.stage.Stage;
import javafx.util.Duration;
public class Path_Transition extends Application{
@Override
public void start(Stage primaryStage) throws Exception {
	// TODO Auto-generated method stub
	//Creating Polygon 
	Polygon poly = new Polygon(); 
	poly.getPoints().addAll(new Double[] {320.0,270.0,270.0,220.0,270.0,270.0,320.0,120.0,370.0,270.0,370.0,220.0});
	
	//Setting Colour and Stroke properties for the polygon  
	poly.setFill(Color.LIMEGREEN);
	poly.setStroke(Color.BLACK);

    //Setting up the path 
	Path path = new Path();
    path.getElements().add (new MoveTo (150f, 70f));
    path.getElements().add (new CubicCurveTo (240f, 230f, 500f, 340f, 600, 50f));
    
    //Instantiating PathTransition class 
    PathTransition pathTransition = new PathTransition();
   
    //Setting duration for the PathTransition
    pathTransition.setDuration(Duration.millis(1000));
    
    //Setting Node on which the path transition will be applied 
    pathTransition.setNode(poly);
    
    //setting path for the path transition 
    pathTransition.setPath(path);
    
    //setting orientation for the path transition 
    pathTransition.setOrientation(OrientationType.ORTHOGONAL_TO_TANGENT);
    
    //setting up the cycle count 
    pathTransition.setCycleCount(10);
    
    //setting auto reverse to be true 
    pathTransition.setAutoReverse(true);

    //Playing path transition 
    pathTransition.play();
    
    //Configuring group and scene 
    Group root = new Group();
	root.getChildren().addAll(poly);
	Scene scene = new Scene(root,700,350,Color.WHEAT);
	primaryStage.setScene(scene);
	primaryStage.setTitle("Path Transition Example");
	primaryStage.show();
}
public static void main(String[] args) {
	launch(args);
}

}

输出

下一主题JavaFX 3D 形状

← 上一主题下一主题 →

JavaFX 路径过渡

性质

构造函数

示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaFX 教程

JavaFX 2D 图形

JavaFX 文本

JavaFX 效果

JavaFX 变换

JavaFX 动画

JavaFX 3D 图形

JavaFX 布局

JavaFX UI

JavaFX 图表

JavaFX CSS

JavaFX 媒体

JavaFX 事件处理

JavaFX 路径过渡

性质

构造函数

示例

相关帖子

JavaFX 描边过渡

JavaFX 缩放过渡

JavaFX 淡入淡出过渡

JavaFX 暂停过渡

JavaFX 并行过渡

JavaFX 填充过渡

JavaFX 动画

JavaFX 顺序过渡

JavaFX 旋转过渡

JavaFX 平移过渡

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器