Question

我遇到的问题是FlowPane会留下很多空间，它可能是Popup，虽然我认为弹出窗口大小是内容大小。

为了调试我已将文本包装在BorderPane中以显示文本的边界。

我关注的组件是错误弹出窗口。

Screenshot CSS

.warning-popup {
    -fx-padding: 10px;
    -fx-hgap: 10px;
    -fx-vgap: 10px;
    -fx-background-color: #704745;
    -fx-border-color: #C8C8C8;
    -fx-background-radius: 2px;
    -fx-border-radius: 2px;
}


.warning-popup .text {
    -fx-fill: #000000;
}

Java代码

public static void showWarningPopup(Node owner, String message, double screenX, double screenY) {
    // create message text
    Text text = new Text(message);
    text.getStyleClass().add("text");
    // wrap text in container
    Pane textContainer = new BorderPane(text);
    textContainer.setStyle("-fx-background-color: orange;");
    // create error image
    ImageView image = new ImageView("/resources/error-14.png");
    image.getStyleClass().add("image-view");
    // create content
    FlowPane content = new FlowPane(image, textContainer);
    content.getStyleClass().add("warning-popup");
    content.autosize();
    // create and show the popup
    Popup popup = new Popup();
    popup.setHideOnEscape(true);
    popup.setAutoHide(true);
    popup.setAutoFix(true);
    popup.getContent().add(content);
    popup.show(owner, screenX, screenY);
}

提前感谢您提供任何帮助：）

Answer 1

<强>背景

您面临的问题是FlowPane的默认WrapLength，其设置为 400 。此属性还将FlowPane的width设置为400。

来自文档：

FlowPane的prefWrapLength属性确定了它的首选宽度（水平方向）或首选高度（垂直方向）。

<强>解决方案

您可以使用

将wrapLength减小到所需的值

flowPane.setPrefWrapLength(YOUR_VALUE);

Answer 2

除了@ ItachiUchiha的回答，您可以摆脱所有窗格并使用Label作为简单的用例：

public static void showWarningPopup( Node owner, String message, double screenX, double screenY )
{
    // create error image
    ImageView image = new ImageView( "/resources/error-14.png" );
    image.getStyleClass().add( "image-view" );

    // create content
    Label label = new Label( message, image );
    label.setBackground(
            new Background(
                    new BackgroundFill(
                            Color.ORANGE,
                            new CornerRadii( 10 ),
                            new Insets( -10 )
                    )
            )
    );

    // create and show the popup
    Popup popup = new Popup();
    popup.setHideOnEscape( true );
    popup.setAutoHide( true );
    popup.setAutoFix( true );
    popup.getContent().add( label );
    popup.show( owner, screenX, screenY );
}

当然，您可以更喜欢使用CSS样式类而不是基于代码的样式。

JavaFX FlowPane自动调整大小

2 个答案: