Элементы GridPane изначально выходят за пределы, только защелкиваются после изменения размера окна - PullRequest
Новая
       102

Элементы GridPane изначально выходят за пределы, только защелкиваются после изменения размера окна

0 голосов
/ 30 октября 2019

Я хочу создать сетку 2x2, где все дочерние кнопки составляют 25% GridPane. Когда я заполняю StackPane с помощью GridPane, дочерние кнопки расширяются за пределы ограничений. Дочерние кнопки фиксируются только на своих позициях после изменения размера окна . 

<VBox fx:id="answerableList" styleClass="pane-with-border" minWidth="340" prefWidth="340" VBox.vgrow="ALWAYS">
          <padding>
            <Insets top="10" right="10" bottom="10" left="10" />
          </padding>
          <StackPane fx:id="answerableListPanelPlaceholder" VBox.vgrow="ALWAYS"/>
</VBox>

answerableListPanelPlaceholder.getChildren().add(answersGridPane.getRoot());

<GridPane fx:id="cardPane" maxWidth="Infinity" maxHeight="Infinity"
          xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1"
          alignment="center" >
    <columnConstraints>
        <ColumnConstraints hgrow="ALWAYS" minWidth="10.0" percentWidth="50.0"/>
        <ColumnConstraints hgrow="ALWAYS" minWidth="10.0" percentWidth="50.0"/>
    </columnConstraints>

    <rowConstraints>
        <RowConstraints vgrow="ALWAYS" minHeight="10.0" percentHeight="50.0"/>
        <RowConstraints vgrow="ALWAYS" minHeight="10.0" percentHeight="50.0"/>
    </rowConstraints>

    <children>
        <Button styleClass="option-label" fx:id="option1" text="\$option1" wrapText="true"
               GridPane.columnIndex="0" GridPane.rowIndex="0">
        </Button>

        <Button styleClass="option-label" fx:id="option2" text="\$option2" wrapText="true"
               GridPane.columnIndex="1" GridPane.rowIndex="0">

        </Button>

        <Button styleClass="option-label" fx:id="option3" text="\$option3" wrapText="true"
               GridPane.columnIndex="0" GridPane.rowIndex="1">

        </Button>
        <Button styleClass="option-label" fx:id="option4" text="\$option4" wrapText="true"
               GridPane.columnIndex="1" GridPane.rowIndex="1">
        </Button>
    </children>

</GridPane>

Перед изменением размера: https://ibb.co/p0q14KC

После изменения размера:https://ibb.co/Wnm3HRh

...