JavaFX 缩放过渡

2025 年 1 月 8 日 | 3 分钟阅读

此过渡动画通过指定因子在三个方向 X、Y 和 Z 中的任一方向或所有方向上对节点的缩放进行动画处理。

在 JavaFX 中，ScaleTransition 由类 javafx.animation.ScaleTransition 表示。我们需要实例化此类以生成适当的缩放过渡。

性质

该类的属性及其设置器方法在下表中描述。

属性	描述	设置器方法
byX	这是一个 double 类型的属性。它表示递增的停止 X 因子值。	setByX(double value)
byY	这是一个 double 类型的属性。它表示递增的停止 Y 因子值。	setByY(double value)
byZ	这是一个 double 类型的属性。它表示递增的停止 Z 因子值。	setByZ(double value)
duration	这是一个 Duration 类的对象类型属性。它表示缩放过渡的持续时间。	setDuration(Duration value)
fromX	这是一个 double 类型的属性。它表示 ScaleTransition 的起始 X 值。	setFromX(double value)
fromY	这是一个 double 类型的属性。它表示 ScaleTransition 的起始 Y 值。	setFromY(double value)
fromZ	这是一个 double 类型的属性。它表示 ScaleTransition 的起始 Z 值。	setFromZ(double value)
node	这是一个 Node 类的对象类型属性。它表示将应用缩放过渡。	setNode(Node node)
toX	这是一个 double 类型的属性。它表示缩放过渡的停止 X 缩放值。	setToX(double value)
toY	这是一个 double 类型的属性。它表示缩放过渡的停止 Y 缩放值。	setToY(double value)
toZ	这是一个 double 类型的属性。它表示缩放过渡的停止 Z 缩放值。	setToZ(double value)

构造函数

该类中有三个构造函数。

public TranslateTransition() : 使用默认参数创建 TranslateTransition 的新实例。
public TranslateTransition(Duration duration) : 使用指定的持续时间创建 TranslateTransition 的新实例。
public TranslateTransition(Duration duration, Node node) : 使用指定的持续时间和节点创建 Translate Transition 的新实例。

示例

在下面的例子中，我们制作了一个圆，它自己在 X 方向上平移了 400。

 package application;
import javafx.animation.TranslateTransition;
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 Translate_Transition extends Application{

    @Override
    public void start(Stage primaryStage) throws Exception {
        // TODO Auto-generated method stub
        //Creating the circle 
        Circle cir = new Circle(50,100,50);
        
        //setting color and stroke of the cirlce
        cir.setFill(Color.RED);
        cir.setStroke(Color.BLACK);
        
        //Instantiating TranslateTransition class 
        TranslateTransition translate = new TranslateTransition();
        
        //shifting the X coordinate of the centre of the circle by 400 
        translate.setByX(400);
        
        //setting the duration for the Translate transition 
        translate.setDuration(Duration.millis(1000));
        
        //setting cycle count for the Translate transition 
        translate.setCycleCount(500);
        
        //the transition will set to be auto reversed by setting this to true 
        translate.setAutoReverse(true);
        
        //setting Circle as the node onto which the transition will be applied
        translate.setNode(cir);
        
        //playing the transition 
        translate.play();
        
        //Configuring Group and Scene 
        Group root = new Group();
        root.getChildren().addAll(cir);
        Scene scene = new Scene(root,500,200,Color.WHEAT);
        primaryStage.setScene(scene);
        primaryStage.setTitle("Translate Transition example");
        primaryStage.show();
        
    }
    public static void main(String[] args) {
        launch(args);
    }

}
    

输出

下一个主题JavaFX Translate Transition

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

联系信息

关注我们

教程

面试题

在线编译器