Является ли приведение к интерфейсу преобразованием бокса?

Я новичок в JavaFX, и у меня была аналогичная проблема. У меня была AnchorPane, которая содержала BorderPane. Центр BorderPane содержал GridPane (gridPaneMaze). Этот gridPaneMaze использовал изображения ImageView [7] [7] для заполнения каждой ячейки моей сетки квадратным .png-файлом.

Я хотел, чтобы мои изображения изменялись с высотой окна. Поскольку я использовал квадраты, ширина столбца должна меняться автоматически.

Сначала, когда я изменил размер моего окна, мои столбцы были более широкими, чем мои изображения, а высота изображений была большой для строк.

После проб и ошибок я обнаружил, что это сделало трюк:

ИЗОБРАЖЕНИЯ У меня был сквозной ход между строками и столбцами, и в каждой ячейке я установил Imageview с соответствующим изображением (который всегда является квадратом) и использовал эту привязку высоты (я разделил высоту сетки на количество строк):

images[i][j].fitHeightProperty().bind(gridPaneMaze.heightProperty().divide(7));
images[i][j].setPreserveRatio(true);

Предполагаю, вы также можете использовать widthProperty и делить на Число столбцов. Но поскольку большинство мониторов имеют меньшую высоту, чем ширину, я использовал высоту.

GRIDPANE:

Я создал свою gridPane с помощью FXML, но это не имеет никакого значения для значений.

<BorderPane AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
<center>
    <GridPane fx:id="gridPaneMaze" centerShape="false" minHeight="0.0" minWidth="0.0"   BorderPane.alignment="TOP_LEFT">
        <columnConstraints>
            <ColumnConstraints halignment="CENTER" />
            <ColumnConstraints halignment="CENTER" />
            <ColumnConstraints halignment="CENTER" />
            <ColumnConstraints halignment="CENTER" />
            <ColumnConstraints halignment="CENTER" />
            <ColumnConstraints halignment="CENTER" />
            <ColumnConstraints halignment="CENTER" />
        </columnConstraints>
        <rowConstraints>
            <RowConstraints valignment="CENTER" />
            <RowConstraints valignment="CENTER" />
            <RowConstraints valignment="CENTER" />
            <RowConstraints valignment="CENTER" />
            <RowConstraints valignment="CENTER" />
            <RowConstraints valignment="CENTER" />
            <RowConstraints valignment="CENTER" />
        </rowConstraints>
        <children>
            //...
        </children>
        <BorderPane.margin>
            <Insets left="10.0" top="10.0" />
        </BorderPane.margin>
    </GridPane>
</center>

BORDERPANE: Я добавил пограничную рамку к своей привязке, поэтому я установил все якоря в «0».

GRIDPANE: имел minWidth 0 и minHeight 0. Я не устанавливал prefWidth, prefHeight, maxWidth или maxHeight.

ROWS: Я установил ничего, кроме вертикального выравнивания по центру (нет minHeight, prefHeight maxHeight )

COLUMNS: Я устанавливаю только горизонтальное выравнивание по центру (нет minWidth, prefWidth maxWidth)

Надеюсь, это поможет ...