如何在 JavaFX 中创建手风琴?


标题面板只是一个带有标题的面板。它包含一个或多个用户界面元素,如按钮、标签等,你可以展开和折叠它。手风琴是一个包含一个或多个标题页面的容器,你一次只能打开一个标题面板。

可以通过实例化 javafx.scene.control.Accordion 类在 JavaFX 中创建 手风琴getPanes() 方法返回在当前手风琴中包含所有面板的列表。

向手风琴中添加标题面板 -

  • 创建所需数量的标题面板。

  • 为创建的面板设置内容。

  • 使用 getPanes() 方法检索当前手风琴的可观察列表。

  • 使用 addAll() 方法将所有创建的面板添加到列表中。

示例

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Accordion;
import javafx.scene.control.RadioButton;
import javafx.scene.control.TitledPane;
import javafx.scene.control.ToggleGroup;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.stage.Stage;
public class AccordionExample extends Application {
   @Override
   public void start(Stage stage) {
      //Creating toggle buttons
      RadioButton button1 = new RadioButton("Apache Tika");
      RadioButton button2 = new RadioButton("JavaFX");
      RadioButton button3 = new RadioButton("Java ML");
      ToggleGroup group1 = new ToggleGroup();
      group1.getToggles().addAll(button1, button2, button3);
      //Adding the toggle button to the pane
      VBox box1 = new VBox(10);
      box1.setPadding(new Insets(10));
      box1.getChildren().addAll(button1, button2, button3);
      //Creating the TitlePane
      TitledPane pane1 = new TitledPane("Java Libraries", box1);
      pane1.setLayoutX(1);
      pane1.setLayoutY(1);
      //Creating toggle buttons
      RadioButton button4 = new RadioButton("HBase");
      RadioButton button5 = new RadioButton("MongoDB");
      RadioButton button6 = new RadioButton("Neo4j");
      ToggleGroup group2 = new ToggleGroup();
      group2.getToggles().addAll(button4, button5, button6);
      //Adding the toggle button to the pane
      VBox box = new VBox(10);
      box.setPadding(new Insets(10));
      box.getChildren().addAll(button4, button5, button6);
      //Creating the TitlePane
      TitledPane pane2 = new TitledPane("NoSQL Databases", box);
      pane2.setLayoutX(1);
      pane2.setLayoutY(1);
      //Creating a Accordion
      Accordion accor = new Accordion();
      accor.getPanes().add(pane1);
      accor.getPanes().add(pane2);
      VBox vbox = new VBox(accor);
      //Setting the stage
      Scene scene = new Scene(vbox, 595, 150, Color.BEIGE);
      stage.setTitle("Accordion Example");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String args[]){
      launch(args);
   }
}

输出

更新于: 16-5-2020

772 次浏览

开启你的职业道路

完成课程获得认证

开始学习
广告