在 JavaFX 2.2 中隐藏 TitledPane 的标题

Question

TitledPane 有一个标题。以下是其中几个的外观：

标题是“更多..”、“笑脸”和“发送”。我想完全隐藏发送标题，而不仅仅是删除文本“发送”。最终结果应该是这样的：

有可能吗？

Answer 1

我将只对第三个内容区域使用标准Pane 而不是TitledPane，并应用相关样式来欺骗JavaFX 设置底部面板的样式，就好像它是TitlePane 的内容区域一样。

粗略地说，您将需要一些类似于此的 FXML 标记：

<VBox styleClass="titled-pane" 
      xmlns:fx="http://javafx.com/fxml/1"  
      xmlns="http://javafx.com/javafx/2.2" >
    <children>
        <TitledPane animated="false" text="untitled">
            <content>
                <AnchorPane minHeight="0.0" 
                            minWidth="0.0" 
                            prefHeight="180.0" 
                            prefWidth="200.0" />
            </content>
        </TitledPane>
        <TitledPane animated="false" text="untitled">
            <content>
                <AnchorPane id="Content" 
                            minHeight="0.0" 
                            minWidth="0.0" 
                            prefHeight="180.0" 
                            prefWidth="200.0" />
            </content>
        </TitledPane>
        <Pane prefHeight="200.0" prefWidth="200.0" styleClass="content">
            <children>
                <Button layoutX="74.0" 
                        layoutY="21.0" 
                        mnemonicParsing="false" 
                        text="Button" />
            </children>
        </Pane>
    </children>
</VBox>

这基本上将三个窗格放置在一个 VBox 中，以便它们正确堆叠并应用一些样式来告诉 JavaFX 如何呈现第三个Pane。

为了获得第三个Pane 的正确外观，您需要给它一个“内容”样式类。这是背景Pane 的名称，它是TitledPanes 子结构的一部分，它告诉JavaFX 以与TitledPane 控件相同的方式呈现窗格。

这将无法正常工作，因为实际的 css 定义看起来像这样：

.titled-pane .content { // styles defined here }

这意味着该样式仅适用于样式类为“content”的节点，前提是它们也位于样式类为“titled-pane”的节点内。

解决这个问题的简单方法是给根容器Pane（在这种情况下为VBox）一个“标题窗格”样式类，有效地欺骗JavaFX认为第三个窗格是titledPanes内容区。

这个的输出如下所示：

同时 TitledPanes 折叠：