JavaFX - Accordion(衔接TitledPane)

 Accordion是与TitledPane一起使用,Accordion会将ttp组合起来如下图:,一个展开会将其余的缩进。还可以设置监听事件,监听打开的ttp。

下图ttp2设置了将展开按钮在右边。

JavaFX - Accordion(衔接TitledPane)

package sample;


import javafx.application.Application;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.geometry.NodeOrientation;
import javafx.scene.Scene;
import javafx.scene.control.Accordion;
import javafx.scene.control.Button;
import javafx.scene.control.TitledPane;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;


public class Main extends Application {


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

    @Override
    public void start(Stage primaryStage) throws Exception {


        AnchorPane ap = new AnchorPane();
        Accordion acc = new Accordion();
        ap.setStyle("-fx-background-color: darkkhaki");

        TitledPane ttp1 = new TitledPane("TitledPane1", new Button("无动画折叠"));//点击收缩
        ttp1.setExpanded(false);//默认不展开,点击之后展开
        ttp1.setAnimated(false);//设置展开没有动画,默认有


        TitledPane ttp2 = new TitledPane();//点击收缩
        ttp2.setText("TTP2");
        ttp2.setContent(new Button("TTP2"));
        ttp2.setNodeOrientation(NodeOrientation.RIGHT_TO_LEFT);//把ttp2的显示的箭头改到右边,默认在左边



        TitledPane ttp3 = new TitledPane();//点击收缩
        ttp3.setText("TTP3");
        HBox hBox = new HBox();
        hBox.setStyle("-fx-background-color: darkslateblue");
        hBox.getChildren().addAll(new Button("b3333"), new Button("b44444"), new Button("b5555"));
        ttp3.setContent(hBox);

        
        acc.getPanes().addAll(ttp1,ttp2,ttp3);//每次只能展开一个
        ap.getChildren().addAll(acc);
        acc.expandedPaneProperty().addListener(new ChangeListener<TitledPane>() {//全部缩起来的时候会报空指针异常,得加上if
            @Override
            public void changed(ObservableValue<? extends TitledPane> observable, TitledPane oldValue, TitledPane newValue) {
               if(newValue == null){
                   System.out.println(oldValue.getText()+"折叠");
                   return;
               }
                System.out.println("看看是谁展开了"+newValue.getText());
            }
        });

        Scene scene = new Scene(ap);


        primaryStage.setScene(scene);
        primaryStage.setTitle("Java FX  ");
        primaryStage.setWidth(800);
        primaryStage.setHeight(800);
        primaryStage.show();


    }


}

 

上一篇:javaFX + MVVM桌面应用开发的解决方案


下一篇:毕业设计写这个你就赢了《Netty + JavaFx 实战:仿桌面版微信聊天》