如何在 JavaFX 中的 Accordion 中的 TitledPanes 之间添加填充

How to add padding between TitledPanes in an Accordion in JavaFX

我想在 Accordion 中的 TitledPane 之间添加填充(Accordion 中的间距)。

问题是,当 TitledPane 展开时,下一个 TitledPane 的外观和感觉会被破坏。

TitledPane未展开

一个TitledPane扩展

我用过以下CSS:

.titled-pane {
    -fx-skin: "com.sun.javafx.scene.control.skin.TitledPaneSkin";    
    -fx-text-fill: -fx-text-base-color;
    -fx-padding: 0.5em;
}

一张图片显示了 2 TitledPane 未展开之间的间隔,另一张图片显示了打开第一张图片后第二张 TitledPane 的外观。

这是一个错误(我创建了一个错误报告:JDK-8162599)。

作为解决方法,如果您仅指定 TitledPanes(而不是顶部)的 bottom padding,则 TitledPanes 之间的间距Accordion 是正确的。

CSS 添加底部填充

.accordion > .titled-pane {
    -fx-padding: 0 0 0.5em 0;
}

一个示例 Accordion 如下所示: