JavaFX 逐級彈出的圖元組件

 

import com.jfoenix.controls.JFXNodesList;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.Pane;
import javafx.stage.Stage;

public class Test extends Application {
    private JFXNodesList jfxNodesList = new JFXNodesList();
    private Pane pane = new Pane();

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

    @Override
    public void start(Stage primaryStage) {
        // 文本內容長度不等，顯示的間隔會受影響，可用空格補充至相等
        JFXNodesList jfxNodesList1 = new JFXNodesList();
        jfxNodesList1.setRotate(180);
        jfxNodesList1.addAnimatedNode(new Label("點擊我"));
        jfxNodesList1.addAnimatedNode(new Label("A"));
        jfxNodesList1.addAnimatedNode(new Label("B"));
        JFXNodesList jfxNodesList2 = new JFXNodesList();
        jfxNodesList2.setRotate(180);
        jfxNodesList2.addAnimatedNode(new Label("點擊我"));
        jfxNodesList2.addAnimatedNode(new Label("C"));
        jfxNodesList2.addAnimatedNode(new Label("D"));
        JFXNodesList jfxNodesList3 = new JFXNodesList();
        jfxNodesList3.setRotate(180);
        jfxNodesList3.addAnimatedNode(new Label("點擊我"));
        jfxNodesList3.addAnimatedNode(new Label("E"));
        jfxNodesList3.addAnimatedNode(new Label("F"));
        jfxNodesList.setTranslateY(100);
        jfxNodesList.addAnimatedNode(new Label("點擊我"));
        jfxNodesList.addAnimatedNode(jfxNodesList1);
        jfxNodesList.addAnimatedNode(jfxNodesList2);
        jfxNodesList.addAnimatedNode(jfxNodesList3);
        jfxNodesList.setSpacing(50);
        jfxNodesList.setRotate(270);
        pane.getChildren().add(jfxNodesList);
        primaryStage.setScene(new Scene(pane, 400, 400));
        primaryStage.show();
    }
}