Accordion是与TitledPane一起使用,Accordion会将ttp组合起来如下图:,一个展开会将其余的缩进。还可以设置监听事件,监听打开的ttp。
下图ttp2设置了将展开按钮在右边。
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(); } }