首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >FlowPane不会占用其外部HBox宽度的100%

FlowPane不会占用其外部HBox宽度的100%
EN

Stack Overflow用户
提问于 2020-12-08 04:33:15
回答 1查看 39关注 0票数 0

它看起来是这样运行的:

这是它调整到全屏时的外观:

可以看出,FlowPane的蓝色并没有覆盖整个HBox的红色。

如何使FlowPane跨度达到HBox宽度的100%,同时保持HBox在网格内居中,FlowPane在HBox内居中,并在窗口调整大小时自动调整FlowPane & HBox的大小?因此,字母C和D至少适合较小窗口中的第一个原始窗口,而所有字母都适合较大窗口。

代码语言:javascript
复制
import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.*;
import javafx.stage.Stage;

public class TestFlowPane extends Application {
    private GridPane gridPane;
    private Scene scene;

    @Override
    public void start(Stage applicationStage) {
        gridPane = new GridPane();
        scene = new Scene(gridPane, 500, 400);
        ColumnConstraints column = new ColumnConstraints();
        column = new ColumnConstraints();
        column.setPercentWidth(100);
        gridPane.setAlignment(Pos.CENTER);
        gridPane.getColumnConstraints().add(column);

        gridPane.setPrefSize(500, 400);
        gridPane.setMaxSize(Region.USE_COMPUTED_SIZE, Region.USE_COMPUTED_SIZE);

        gridPane.setPadding(new Insets(5, 20, 20, 20));
        gridPane.setHgap(10);
        gridPane.setVgap(10);

        HBox panelBox = new HBox();
        panelBox.setStyle( "-fx-background-color:   red; ");
        panelBox.setSpacing(20);
        panelBox.setAlignment(Pos.CENTER);
        FlowPane flowPane = new FlowPane();
        flowPane.setStyle( "-fx-background-color:   blue; ");

        String[] names = {"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA", "BBBBBBBBBBBBB", "C", "D", "E"};
        for (String n: names) {
            Label label = new Label(n);
            label.setStyle( "-fx-text-fill:   white; ");
            flowPane.getChildren().add(label);
        }
        flowPane.setHgap(5);
        flowPane.setVgap(10);
        panelBox.getChildren().add(flowPane);
        gridPane.add(panelBox, 0, 0);

        applicationStage.setScene(scene);
        applicationStage.show();
    }
}
EN

回答 1

Stack Overflow用户

发布于 2020-12-08 04:46:41

您需要添加:

代码语言:javascript
复制
HBox.setHgrow(flowPane, Priority.ALWAYS);

之后

代码语言:javascript
复制
panelBox.getChildren().add(flowPane);

这将会起作用

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65188952

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档