当前位置: 首页 > 知识库问答 >
问题:

对齐两个 Javafx GridPane

裴卓君
2023-03-14

我已经创建了两个Javafx网格窗格,我希望它们处于相同的位置,第二个网格窗格必须位于第一个网格窗格旁边的相同位置。因为我跑步时一个接一个。这是我的代码:

Group root = new Group();
    Scene scene = new Scene(root);

    //creation du layout
    layout = new GridPane();
    layout.getColumnConstraints().add(new ColumnConstraints(350)); // column 1 is 350 wide
    layout.getColumnConstraints().add(new ColumnConstraints(350)); 
    layout.getColumnConstraints().add(new ColumnConstraints(350)); 
    layout.setGridLinesVisible(true);

     final Label  source = new Label ("DRAG ");
    layout.add(source, 0, 0);


     final Label  target = new Label ("DROP ");
    layout.add(target, 1, 0);

    layout2 = new GridPane();
    layout2.getColumnConstraints().add(new ColumnConstraints(20)); // column 1 is 20 wide

    layout2.setGridLinesVisible(true);

    final Label  source1 = new Label ("fire");
    layout2.add(source1, 0, 4);
    root.getChildren().addAll(layout,layout2);

共有1个答案

胡禄
2023-03-14

如果您想将它们相邻添加,最好的选择是使用HBox布局:

HBox hBox = new HBox();
//hBox.setSpacing(5.0); 
//hBox.setPadding(new Insets(5,5,5,5));
hBox.getChildren().addAll(layout, layout2);
 类似资料:
  • 我试图在一个div中放两个跨度,每边一个,都与div的底部对齐,而不使用绝对定位(因为这忽略了填充等,我总是在使用它后感觉不好)。右跨度中的文本比左跨度中的文本高。如果我使用垂直对齐来定位它们,如果它们都是浮动的,就不会受到影响,但是如果它们都没有浮动,它们就不会正确地水平对齐。我不能保证两个跨度中的哪一个会有更多的文本。 http://jsfiddle.net/gsvfn07f/

  • 问题内容: 我有一个小问题。我正在尝试使用CSS并排对齐两个div,但是,我希望将中心div放置在页面的水平中央,我通过使用以下方法实现了这一点: 很好 我想将第二个div放置在中心页面换行的左侧,但是尽管可以确定,但我无法使用浮点数来完成此操作。 我想将红色div推向白色div。 这是我当前关于这两个div的CSS,侧边栏是红色div,页面换行是白色div: 问题答案: 如果包裹了div,如下所

  • 问题内容: 我需要将两个div彼此对齐,以便每个都包含一个标题和一个项目列表,类似于: 使用表非常容易,但是我不想使用表。我该如何实现? 问题答案: 将div浮动到父容器中,并设置其样式如下:

  • 我有一个按钮和一个文本区: null null 现在我想让它们像这样向右或向左对齐: 运行代码段按钮和文本区如何向左对齐?

  • 我有个问题快把我逼疯了。 我有一个包装器,其中包含一个带有一些文本的div和一个图像。图像和div的大小各不相同。包装器div将调整为较大包装器的大小。 它们都应该垂直对齐,如下所示: 我偶然发现了这个帖子: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html 正如你在小提琴上看到的: http://jsfiddle.net

  • 我正试图在页面中央对齐两幅有响应的图像。 我在用电脑。容器类,但仍然是向右的。