JavaFXGridPane布局问题

JavaFXGridPane布局问题,java,javafx,javafx-8,Java,Javafx,Javafx 8,我有一个简单的登录表单。请参见下面的原型: 我决定使用GridPane作为一个布局容器,不能通过中心和跨度提交按钮对齐徽标 这是我的login.fxml: <?import javafx.scene.layout.GridPane?> <?import javafx.scene.image.ImageView?> <?import javafx.scene.image.Image?> <?import javafx.scene.control.Labe

我有一个简单的登录表单。请参见下面的原型:

我决定使用GridPane作为一个布局容器,不能通过中心和跨度提交按钮对齐徽标

这是我的login.fxml:

<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.control.Button?>

<GridPane alignment="CENTER" hgap="20" vgap="10">

  <ImageView fitHeight="82.0" fitWidth="296.0" pickOnBounds="true" preserveRatio="true" GridPane.rowIndex="0" GridPane.columnIndex="0" GridPane.columnSpan="2">
    <Image url="logo.png"/>
  </ImageView>

  <Label text="login:" GridPane.rowIndex="1" GridPane.columnIndex="0"/>
  <Label text="password:" GridPane.rowIndex="1" GridPane.columnIndex="1"/>

  <TextField prefWidth="200" prefHeight="20" GridPane.rowIndex="2" GridPane.columnIndex="0"/>
  <TextField prefWidth="200" prefHeight="20"  GridPane.rowIndex="2" GridPane.columnIndex="1"/>

  <Button text="submit" GridPane.rowIndex="3" GridPane.columnIndex="0" GridPane.columnSpan="2" GridPane.hgrow="ALWAYS" GridPane.fillWidth="true" />

</GridPane>

这就是我得到的:


GridPane对齐方式确定整个GridPane内容作为一个整体的对齐方式。对于单个子项,请向该子项添加
GridPane.halignment=“CENTER”
。@VGR ohh,谢谢。那个按钮呢?你们需要覆盖按钮的最大宽度。尝试
maxWidth=“Infinity”
@VGR yeah。它成功了。多谢各位。