javafx vbox和gridpane

Question

问题：我混淆了vbox和gridpane。。通常，当您可以使用vbox时，您也可以使用包含1列和n行的gridPane，因此我不确定何时使用每一列和它们之间的差异。

事实：

>

我知道网格窗格有n行和n列。

我知道vbox只会垂直列出组件。（n行1列）

困惑：当我想垂直列出40-50个（水平框或其他组件）时，我不知道应该选择哪一个，因为有时我会看到人们将这些组件作为子组件添加到vbox中，而其他人会使用gridpane n（行）x1（列），并且总是动态创建行约束。

更多信息：在java swing中，我会使用gridBagLayout，因为在我的例子中，它是唯一受益于约束功能的布局，因为这些组件的高度不同。但是，在javafx中，我仍然可以将不同大小的组件放在vbox中，或者使用gridPane，这是java swing中gridbag布局的替代方案。

总结：

在swing中gridbaglayout是唯一的解决方案，在javafx vbox或gridpane中（替代swing中的gridbaglayout）？

------编辑------

当我把我的hbox放在一个gridpane单元格中时，盒子里的组件会调整大小，但是，当我把hbox放在一个vbox中时，它们不会。

例子：

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.ScrollPane?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.VBox?>

<VBox maxHeight="1080.0" maxWidth="1920.0" minHeight="600.0" minWidth="800.0" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <ScrollPane hbarPolicy="NEVER">
         <content>
            <VBox>
               <children>
                  <HBox alignment="CENTER_LEFT" maxHeight="50.0" maxWidth="350.0" minHeight="50.0" minWidth="250.0" spacing="10.0">
                     <children>
                        <Label text="label">
                           <HBox.margin>
                              <Insets left="10.0" />
                           </HBox.margin>
                        </Label>
                        <TextField />
                        <ImageView fitHeight="24.0" fitWidth="24.0" pickOnBounds="true" preserveRatio="true">
                           <image>
                              <Image url="" />
                           </image>
                           <HBox.margin>
                              <Insets right="10.0" />
                           </HBox.margin>
                        </ImageView>
                     </children>
                  </HBox>
                  <HBox alignment="CENTER_LEFT" maxHeight="50.0" maxWidth="350.0" minHeight="50.0" minWidth="250.0" spacing="10.0">
                     <children>
                        <Label text="another label">
                           <HBox.margin>
                              <Insets left="10.0" />
                           </HBox.margin>
                        </Label>
                        <TextField />
                        <ImageView fitHeight="24.0" fitWidth="24.0" pickOnBounds="true" preserveRatio="true">
                           <image>
                              <Image url="" />
                           </image>
                           <HBox.margin>
                              <Insets right="10.0" />
                           </HBox.margin>
                        </ImageView>
                     </children>
                  </HBox>
               </children>
            </VBox>
         </content>
      </ScrollPane>
   </children>
</VBox>

为什么这些组件没有根据hbox的当前大小进行相应的调整？

Answer 1

使用VBox，除非您只需要GridPane提供的功能。为VBox指定的布局参数较少，这使其更易于使用，并减少了潜在的错误源。此外，使用GridPane进行布局的成本更高，这可能会降低经常更改节点大小的应用程序的更新速度。

不过，有些事情您无法使用VBox实现（至少不是以方便的方式）：

• 在同一个“单元”中放置多个子元素（可以通过将这些子元素包装到另一个布局中来实现）