JavaFX CSS
JavaFX - CSS

JavaFX - 手風琴

手風琴充當一個或多個標題面板的容器。這些標題面板是帶有標題的面板，可以透過點選其標題來展開或摺疊。但是，一次只允許開啟一個標題面板。手風琴可用於將UI組織成可以根據需要隱藏或顯示的部分。

下圖顯示了一個手風琴：

JavaFX 中的手風琴

在 JavaFX 中，手風琴由名為Accordion的類表示。此類屬於javafx.scene.control包。透過例項化此類，我們可以在 JavaFX 中建立手風琴節點。

此類有兩個建構函式，如下所示：

Accordion() - 用於建立不帶TitledPane的手風琴。
Accordion(...TitledPanes) - 它將使用指定的TitledPane建立一個手風琴。

在 JavaFX 中建立手風琴的步驟

請按照以下步驟在 JavaFX 中建立手風琴。

步驟 1：建立兩個或多個 TitledPane

我們可以透過例項化名為TitledPane的類（屬於javafx.scene.control包）在 JavaFX 中建立標題面板。如下所示例項化此類：

//Creating a TitledPane object         
TitledPane paneOne = new TitledPane();

同樣，建立所需數量的標題面板。

步驟 2：設定 TitledPane 的標題和內容

分別使用setText()和setContent()方法指定標題面板的標題和內容，如下面的程式碼塊所示。

paneOne.setText("Your Name");
paneOne.setContent(new Label("My name is: \n Ansh"));

請記住，我們可以根據我們的需求使用 JavaFX 的不同 UI 節點自定義 TitledPane 的內容。

步驟 3：例項化 Accordion 類

例項化javafx.scene.control包中的Accordion類，無需向其建構函式傳遞任何引數值，並使用以下程式碼塊新增所有TitledPane：

Accordion accordionNew = new Accordion();
accordionNew.getPanes().addAll(paneOne, paneTwo, paneThree);

步驟 4：啟動應用程式

建立手風琴後，請按照以下步驟正確啟動應用程式：

首先，透過將 Accordion 物件作為引數值傳遞給其建構函式來例項化名為VBox的類。
然後，透過將 VBox 物件作為引數值傳遞給其建構函式來例項化名為Scene的類。我們還可以將應用程式螢幕的尺寸作為可選引數傳遞給此建構函式。
然後，使用Stage類的setTitle()方法設定舞臺的標題。
現在，使用名為Stage的類的setScene()方法將 Scene 物件新增到舞臺。
使用名為show()的方法顯示場景的內容。
最後，使用launch()方法啟動應用程式。

示例

以下是使用 JavaFX 建立手風琴的程式。將此程式碼儲存在名為JavafxAccordion.java的檔案中。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Accordion;
import javafx.scene.control.TitledPane;
import javafx.scene.control.Label;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.stage.Stage;
public class JavafxAccordion extends Application {
   @Override
   public void start(Stage stage) {
      //Creating the first TitledPane
      TitledPane paneOne = new TitledPane();
      paneOne.setText("Your Name");
      paneOne.setContent(new Label("My name is: \n Ansh"));
      //Creating the second TitledPane
      TitledPane paneTwo = new TitledPane();
      paneTwo.setText("Your Address");
      paneTwo.setContent(new Label("My address is: \n Hyderabad \n Telangana"));
      //Creating the third TitledPane
      TitledPane paneThree = new TitledPane();
      paneThree.setText("Your Job");
      paneThree.setContent(new Label("My job role is: \n Content Engineer"));
      //Creating an Accordion for all TitledPane
      Accordion accordionNew = new Accordion();
      accordionNew.getPanes().addAll(paneOne, paneTwo, paneThree);
      accordionNew.setExpandedPane(paneOne);
      VBox root = new VBox(accordionNew);
      //Setting the stage
      Scene scene = new Scene(root, 500, 500, Color.BEIGE);
      stage.setTitle("Accordion in JavaFX");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String args[]){
      launch(args);
   }
}

使用以下命令從命令提示符編譯並執行儲存的 Java 檔案。

javac --module-path %PATH_TO_FX% --add-modules javafx.controls JavafxAccordion.java
java --module-path %PATH_TO_FX% --add-modules javafx.controls JavafxAccordion

輸出

執行上述程式後，將生成一個 JavaFX 視窗，顯示如下所示的手風琴。

使用其引數化建構函式在 JavaFX 中建立手風琴

如前所述，在 JavaFX 中建立手風琴有兩種方法：一種使用 Accordion 類的預設建構函式，另一種使用其引數化建構函式。在下一個示例中，我們將使用 Accordion 類的引數化建構函式在 JavaFX 中建立手風琴。將此 Java 程式碼儲存在名為JavafxAccordion.java的檔案中。

示例

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Accordion;
import javafx.scene.control.TitledPane;
import javafx.scene.control.Label;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.stage.Stage;
public class JavafxAccordion extends Application {
   @Override
   public void start(Stage stage) {
      //Creating the first TitledPane
      TitledPane paneOne = new TitledPane();
      paneOne.setText("Your Name");
      paneOne.setContent(new Label("My name is: \n Ansh"));
      //Creating the second TitledPane
      TitledPane paneTwo = new TitledPane();
      paneTwo.setText("Your Address");
      paneTwo.setContent(new Label("My address is: \n Hyderabad \n Telangana"));
      //Creating the third TitledPane
      TitledPane paneThree = new TitledPane();
      paneThree.setText("Your Job");
      paneThree.setContent(new Label("My job role is: \n Content Engineer"));
      //Creating an Accordion for all TitledPane
      Accordion accordionNew = new Accordion(paneOne, paneTwo, paneThree);
      accordionNew.setExpandedPane(paneThree);
      VBox root = new VBox(accordionNew);
      //Setting the stage
      Scene scene = new Scene(root, 500, 500, Color.BEIGE);
      stage.setTitle("Accordion in JavaFX");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String args[]){
      launch(args);
   }
}

使用以下命令從命令提示符編譯並執行儲存的 java 檔案。

javac --module-path %PATH_TO_FX% --add-modules javafx.controls JavafxAccordion.java
java --module-path %PATH_TO_FX% --add-modules javafx.controls JavafxAccordion

輸出

執行上述程式碼時，將生成以下輸出。

列印頁面