Javafx 设置拆分窗格分隔符的动画

Javafx 设置拆分窗格分隔符的动画,javafx,slide,splitpane,Javafx,Slide,Splitpane,我有一个水平分割窗格,我想点击按钮,改变分割线的位置,这样我就可以创建一种“幻灯片”动画 分隔符将从0开始(完全向左),单击它将打开到0.2,当我再次单击时,它将返回到0 现在我做到了,我只是用 spane.setdividerPositions(0.2); 和分隔器位置的变化,但我不能设法做到这一点缓慢,我真的希望这种滑动的感觉时,改变分隔器的位置 有人能帮我吗?我在google上找到的所有示例都显示了一些DoubleTransition,但java 8中不再存在这种情况,至少我没有导入功

我有一个水平分割窗格,我想点击按钮,改变分割线的位置,这样我就可以创建一种“幻灯片”动画

分隔符将从0开始(完全向左),单击它将打开到0.2,当我再次单击时,它将返回到0

现在我做到了,我只是用

spane.setdividerPositions(0.2); 
和分隔器位置的变化,但我不能设法做到这一点缓慢,我真的希望这种滑动的感觉时,改变分隔器的位置


有人能帮我吗?我在google上找到的所有示例都显示了一些DoubleTransition,但java 8中不再存在这种情况,至少我没有导入功能。

您可以调用
getDividers().get(0)
来获取第一个除法器。它有一个
positionProperty()
,可以使用时间线设置动画:

import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.Timeline;
import javafx.application.Application;
import javafx.beans.binding.Bindings;
import javafx.beans.property.BooleanProperty;
import javafx.beans.property.SimpleBooleanProperty;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.SplitPane;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Pane;
import javafx.stage.Stage;
import javafx.util.Duration;

public class AnimatedSplitPane extends Application {

    @Override
    public void start(Stage primaryStage) {
        SplitPane splitPane = new SplitPane(new Pane(), new Pane());
        splitPane.setDividerPositions(0);

        BooleanProperty collapsed = new SimpleBooleanProperty();
        collapsed.bind(splitPane.getDividers().get(0).positionProperty().isEqualTo(0, 0.01));

        Button button = new Button();
        button.textProperty().bind(Bindings.when(collapsed).then("Expand").otherwise("Collapse"));

        button.setOnAction(e -> {
            double target = collapsed.get() ? 0.2 : 0.0 ;
            KeyValue keyValue = new KeyValue(splitPane.getDividers().get(0).positionProperty(), target);
            Timeline timeline = new Timeline(new KeyFrame(Duration.millis(500), keyValue));
            timeline.play();
        });

        HBox controls = new HBox(button);
        controls.setAlignment(Pos.CENTER);
        controls.setPadding(new Insets(5));
        BorderPane root = new BorderPane(splitPane);
        root.setBottom(controls);
        Scene scene = new Scene(root, 600, 600);
        primaryStage.setScene(scene);
        primaryStage.show();

    }

    public static void main(String[] args) {
        launch(args);
    }
}

我不认为曾经有过双重转换。好主意,詹姆斯,一如既往!将有趣地查看分割窗格内容的动画和大小调整是否会导致内容闪烁。