如何为JavaFX TitledPane设置HBox作为标题节点？

哈哈，你完全多虑了！TitledPane当然支持自定义标题节点，只是这个方法不像setText()那么显眼，容易被忽略而已~ 下面给你分享两种实用的实现方式：

方法一：用setGraphic()快速实现自定义标题 #

这是最常用也最简单的方式，setGraphic()方法可以让你在标题区域添加任意JavaFX节点——如果想完全替换默认的文本标题，只需要先把默认文本清空，再把自定义节点设为graphic就行。

举个代码例子，比如做一个带图标和自定义文本的标题：

// 创建TitledPane实例
TitledPane myTitledPane = new TitledPane();
// 清空默认的文本标题，避免和自定义节点冲突
myTitledPane.setText("");

// 构建自定义标题节点，这里用HBox组合图标和标签
HBox customTitleContainer = new HBox();
customTitleContainer.setSpacing(8); // 设置元素间距
customTitleContainer.setAlignment(Pos.CENTER_LEFT); // 左对齐

// 添加图标和文本
ImageView titleIcon = new ImageView(new Image("path/to/your/icon.png"));
titleIcon.setFitHeight(16);
titleIcon.setFitWidth(16);
Label titleText = new Label("我的自定义标题");
titleText.setStyle("-fx-font-weight: bold; -fx-font-size: 14px;");

customTitleContainer.getChildren().addAll(titleIcon, titleText);

// 把自定义节点设为标题的graphic
myTitledPane.setGraphic(customTitleContainer);

这样你的TitledPane标题就完全是自定义的样式了，想加按钮、进度条甚至复杂布局都可以~

方法二：自定义Skin实现高度定制 #

如果你的需求更复杂（比如要修改标题区域的整体布局、交互逻辑），可以通过自定义TitledPaneSkin来实现。这种方式自由度更高，但需要对JavaFX的Skin机制有一定了解。

大致步骤是：

• 继承TitledPaneSkin类
• 重写createTitleRegion()方法，返回你自己构建的标题区域节点
• 把自定义Skin设置给TitledPane：myTitledPane.setSkin(new CustomTitledPaneSkin(myTitledPane));

举个简单的自定义Skin示例框架：

public class CustomTitledPaneSkin extends TitledPaneSkin {
    public CustomTitledPaneSkin(TitledPane control) {
        super(control);
    }

    @Override
    protected Node createTitleRegion() {
        // 这里构建你自己的标题区域节点，比如一个带按钮的VBox
        VBox customTitle = new VBox();
        customTitle.getChildren().addAll(
            new Label("高度定制标题"),
            new Button("标题内按钮")
        );
        return customTitle;
    }
}

额外小技巧：用CSS美化标题 #

不管用哪种方法，都可以配合CSS进一步调整标题的样式，比如修改背景色、内边距、字体等：

/* 修改标题区域的背景和内边距 */
.titled-pane > .title {
    -fx-background-color: #f5f5f5;
    -fx-padding: 10px 15px;
}

/* 修改标题内文本的样式 */
.titled-pane > .title > .text {
    -fx-font-family: "Microsoft Yahei";
    -fx-text-fill: #333;
}

内容的提问来源于stack exchange，提问作者Samarek