JavaFX 11：将图形添加到右侧的TitledPane

Question

这与三年前提出的上一个问题有关。 JavaFX 8 - Add a graphic to a TitledPane on the right side

我不喜欢这种解决方案，也没有找到其他解决方案。

自从最初的问题要求JavaFX 8以来，JavaFX发生了很多事情。最近发布了JavaFX 11。

我有一个使用JavaFX 11的项目。 TitledPane图形设置有HBox，该HBox包含一个我想放置在标题最右侧的按钮。

TitledPane titledPane = new TitledPane();
titledPane.setText("Title");

HBox titleBox = new HBox();
Button b1 = new Button("ClickMe!");
titleBox.getChildren().add(b1);

titledPane.setGraphic(titleBox);
titledPane.setContentDisplay(ContentDisplay.RIGHT);

将TitlePane对齐方式设置为CENTER_RIGHT会将标题放置在右侧，但是将整个标题，文本和图形放置在右侧。

titledPane.setAlignment(Pos.CENTER_RIGHT);

我尝试了在TitledPane图形，HBox，GridPane中尝试不同的容器。设置增长，对齐，fillWidth等。无用。

没有设置人为的图形间隙，我看不到任何可行的解决方案，但是在上述参考问题中提出了该建议。 这是一个丑陋的骇客。 适用于加速中的多个TitleedPanes。但是，Button并未放置在确切的末端，标题右侧仍然有更多空间。

    primaryStage.setOnShown(e -> {
        for (TitledPane titledPane : panes) {
            Node titleRegion = titledPane.lookup(".title");
            Insets padding = ((StackPane) titleRegion).getPadding();
            double graphicWidth = titledPane.getGraphic().getLayoutBounds().getWidth();
            double arrowWidth = titleRegion.lookup(".arrow-button").getLayoutBounds().getWidth();
            double labelWidth = titleRegion.lookup(".text").getLayoutBounds().getWidth();
            double nodesWidth = graphicWidth + padding.getLeft() + padding.getRight() + arrowWidth + labelWidth;
            titledPane.graphicTextGapProperty().bind(titledPane.widthProperty().subtract(nodesWidth));
        }
    });

Answer 1

我不确定我是否完全理解您的目标，但是我相信您希望TitledPane的Label和{{1}都左对齐，并且{{ 1}}右对齐，对吗？

为此，确实需要一些解决方法并使用JavaFX的容器。首先，无需为Button本身设置标题；我们将在图形中添加Label作为标题。

在下面的示例中，我们将使用Button来保存TitledPane中我们想要的所有节点。在Label内，我们添加一个HBox，该值设置为始终在TitledPane内增长。这会迫使HBox一直向右移动。

然后，由于Region的图形具有最大宽度的半固定值，因此我们需要将HBox绑定到Button的宽度，并使用填充来避免重叠“展开”箭头。

TitledPane

  

结果：

这是一个非常干净的解决方案，我不会将其视为“ hack”。只需按预期使用JavaFX的容器和结构。

Answer 2

您不需要为图形节点使用容器-只需将其向右翻译：

TitledPane titledPane = new TitledPane("Title", null);
titledPane.setPrefSize(400, 200);

Button graphic = new Button("Click me!");
titledPane.setGraphic(graphic);
titledPane.setContentDisplay(ContentDisplay.RIGHT);

final double graphicMarginRight = 10; //change it, if needed

graphic.translateXProperty().bind(Bindings.createDoubleBinding(
    () -> titledPane.getWidth() - graphic.getLayoutX() - graphic.getWidth() - graphicMarginRight,
    titledPane.widthProperty())
);