JavaFX TitledPane佈局

標題窗格是具有標題的面板，窗格可以打開和關閉。我們可以添加節點(如UI控件或圖像)和一組元素到窗格。

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.CheckBox;
import javafx.scene.control.TitledPane;
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 stage) {
        Scene scene = new Scene(new Group(), 350, 250);
        TitledPane titledPane = new TitledPane("My Title", new CheckBox("OK"));

        HBox hbox = new HBox(10);// by w w W .y i I   b AI. c  o  M
        hbox.setPadding(new Insets(20, 0, 0, 20));
        hbox.getChildren().setAll(titledPane);

        Group root = (Group) scene.getRoot();
        root.getChildren().add(hbox);
        stage.setScene(scene);
        stage.show();
    }
}

上面的代碼生成以下結果。

創建標題窗格

要創建一個TitledPane控件，請調用其構造函數。
以下代碼使用TitledPane的兩個參數構造函數。它將標題窗格命名爲「我的窗格」，並用一個Button控件填充窗格。

TitledPane tp = new TitledPane("我的窗格", new Button("Button"));

接下來的幾行做了與上面的代碼相同的事情，但不使用帶參數的構造函數。 它創建一個帶有默認空構造函數的TitledPane，然後再設置控件的標題和內容。

TitledPane tp = new TitledPane();
tp.setText("My Titled Pane");
tp.setContent(new Button("Button"));

以下代碼使用GridPane在TitledPane中佈局控件。

TitledPane gridTitlePane = new TitledPane();
GridPane grid = new GridPane();
grid.setVgap(4);
grid.setPadding(new Insets(5, 5, 5, 5));
...
gridTitlePane.setText("Grid");
gridTitlePane.setContent(grid);

我們可以定義標題窗格的打開和關閉方式。默認情況下，所有標題窗格都是可摺疊的，打開和關閉操作都是動畫。

setCollapsible(false)關閉Collapsible狀態。setAnimated(false)停止動畫。

TitledPane tp = new TitledPane();
tp.setCollapsible(false);//remove closing action
tp.setAnimated(false);//stop animating

完整的源代碼實現如下 -

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.CheckBox;
import javafx.scene.control.TitledPane;
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 stage) {
        Scene scene = new Scene(new Group(), 450, 250);
        TitledPane titledPane = new TitledPane("我的標題", new CheckBox("確定？"));
        titledPane.setCollapsible(false);// remove closing action
        titledPane.setAnimated(false);// stop animating

        HBox hbox = new HBox(10);
        hbox.setPadding(new Insets(20, 0, 0, 20));
        hbox.getChildren().setAll(titledPane);

        Group root = (Group) scene.getRoot();
        root.getChildren().add(hbox);
        stage.setScene(scene);
        stage.show();
    }
}

上面的代碼生成以下結果。