JavaFX 淡入淡出过渡

2025年1月8日 | 阅读需时 2 分钟

它会使节点的透明度产生动画效果，从而使节点的填充颜色变暗。这可以通过在指定的时间内不断降低填充颜色的不透明度来实现，以达到目标不透明度值。

在 JavaFX 中，类 javafx.animation.FadeTransition 代表淡入淡出过渡。我们需要实例化这个类来创建适当的淡入淡出过渡。

性质

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

属性	描述	设置器方法
byValue	这是一个双精度类型属性。它表示淡入淡出过渡的递增停止不透明度值。	setByValue(double property)
持续时间	这是 Duration 类的对象类型属性。它表示该淡入淡出过渡的持续时间。	setDuration(Duration duration)
fromValue	这是一个双精度类型属性。它表示淡入淡出过渡的开始不透明度。	setFromValue(double value)
node	这是 Node 类的对象类型属性。它表示要应用过渡的节点。	setNode(Node node)
toValue	这是一个双精度类型属性。它表示淡入淡出过渡的不透明度的停止值。	setToValue(double value)

构造函数

该类包含三个构造函数。

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

示例

在下面的例子中，圆的颜色不透明度从 10 逐渐降低到 0.1。

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

    @Override
    public void start(Stage primaryStage) throws Exception {
        // TODO Auto-generated method stub
        //Creating the circle 
        Circle cir = new Circle(250,120,80);
        
        //setting color and stroke of the circle 
        cir.setFill(Color.RED);
        cir.setStroke(Color.BLACK);
        
        //Instantiating FadeTransition class 
        FadeTransition fade = new FadeTransition();
        
        
        //setting the duration for the Fade transition 
        fade.setDuration(Duration.millis(5000));
        
        //setting the initial and the target opacity value for the transition 
        fade.setFromValue(10);
        fade.setToValue(0.1);
        
        //setting cycle count for the Fade transition 
        fade.setCycleCount(1000);
        
        //the transition will set to be auto reversed by setting this to true 
        fade.setAutoReverse(true);
        
        //setting Circle as the node onto which the transition will be applied
        fade.setNode(cir);
        
        
        //playing the transition 
        fade.play();
        
        //Configuring Group and Scene 
        Group root = new Group();
        root.getChildren().addAll(cir);
        Scene scene = new Scene(root,500,250,Color.WHEAT);
        primaryStage.setScene(scene);
        primaryStage.setTitle("Translate Transition example");
        primaryStage.show();
        
    }
    public static void main(String[] args) {
        launch(args);
    }
}

输出

下一主题JavaFX 填充过渡

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

联系信息

关注我们

教程

面试题

在线编译器