JavaFX GridPane 调整面板中子对象的大小

Question

JavaFX GridPane 调整面板中子对象的大小

javajavafxjavafx-2

3

这可能是一个重复的问题，但我还没有找到适合我的需求的解决方案。

受 jewelsea 的 ColorChooserSample 的启发，在我实现过程中，我意识到手动大小只能在 Control 上设置，而不能在 Pane 上设置。这些面板应该足够聪明，可以根据其父级自动调整大小。

GridPane 的子元素是否有一种方式可以同时获取垂直和水平空间？类似于 VBox 和 HBox 的组合。我敢打赌解决方案涉及到 AnchorPane。

请注意，子元素是面板而不是控件。

具有按钮的 SSCCE（复制 - 粘贴 - 运行 - 调整窗口大小）

import javafx.application.Application;
import javafx.beans.property.DoubleProperty;
import javafx.beans.property.SimpleDoubleProperty;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.geometry.Bounds;
import javafx.geometry.Insets;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Control;
import javafx.scene.layout.GridPane;
import javafx.stage.Stage;

/**
 * 
 * @author ggrec
 *
 */
public class DashboardFXGrid extends Application
{

    // ==================== 1. Static Fields ========================

    private final static double GOLDEN_RATIO = 1.618;

    private final static double MIN_TILE_SIZE = 5;
    private final static double MAX_TILE_SIZE = Double.MAX_VALUE;


    // ====================== 2. Instance Fields =============================

    private DoubleProperty prefTileSize = new SimpleDoubleProperty(MIN_TILE_SIZE);

    private double nColumns;
    private double nRows;

    private GridPane gridPane;


    // ==================== 3. Static Methods ====================

    public static void main(final String[] args)
    {
        Application.launch(args);
    }


    // ==================== 4. Constructors ====================

    @Override
    public void start(final Stage primaryStage) throws Exception
    {
        gridPane = new GridPane();

        gridPane.setPadding(new Insets(20));
        gridPane.setHgap(10);
        gridPane.setVgap(10);

        nColumns = Math.floor(Math.sqrt(dummyButtons().length) * 2 / GOLDEN_RATIO);
        nRows    = Math.ceil(dummyButtons().length / nColumns);

        createContents();

        addResizeListeners();

        primaryStage.setScene(new Scene(gridPane));
        primaryStage.show();
    }


    // ==================== 5. Creators ====================

    private void createContents()
    {
        int i = 0;

        for (final Button button : dummyButtons())
        {
            GridPane.setRowIndex(button,       i / (int) nColumns);
            GridPane.setColumnIndex(button, i % (int) nColumns);

            button.setMinSize(MIN_TILE_SIZE, MIN_TILE_SIZE);
            button.setMaxSize(MAX_TILE_SIZE, MAX_TILE_SIZE);

            gridPane.getChildren().add(button);

            i++;
        }
    }

    private void addResizeListeners()
    {
        gridPane.layoutBoundsProperty().addListener(new ChangeListener<Bounds>() {

            @Override public void changed(final ObservableValue<? extends Bounds> observableValue, final Bounds oldBounds, final Bounds newBounds)
            {
                prefTileSize.set(Math.max(MIN_TILE_SIZE, Math.min(newBounds.getWidth() / nColumns, newBounds.getHeight() / nRows)));

                for (final Node child : gridPane.getChildrenUnmodifiable())
                {
                    final Control tile = (Control) child;
                    tile.setPrefSize(prefTileSize.get(), prefTileSize.get());
                }
            }
        });
    }


    // ==================== 15. Other ====================

    private static final Button[] dummyButtons()
    {
        final Button[] buttons = new Button[5];

        for(int i = 0; i < buttons.length; i++)
        {
            buttons[i] = new Button(String.valueOf(i));
        }

        return buttons;
    }

}

- Georgian

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Uluk Biy · Accepted Answer

GridPane的子元素是否有办法同时占据垂直和水平空间？

尝试使用GridPane的RowConstraints和ColumnConstraints：

for (final Button button : dummyButtons()) {
    GridPane.setRowIndex(button, i / (int) nColumns);
    GridPane.setColumnIndex(button, i % (int) nColumns);

    button.setMinSize(MIN_TILE_SIZE, MIN_TILE_SIZE);
    button.setMaxSize(MAX_TILE_SIZE, MAX_TILE_SIZE);

    gridPane.getChildren().add(button);

    i++;
}

for (int j = 0; j < nColumns; j++) {
    ColumnConstraints cc = new ColumnConstraints();
    cc.setHgrow(Priority.ALWAYS);
    gridPane.getColumnConstraints().add(cc);
}

for (int j = 0; j < nRows; j++) {
    RowConstraints rc = new RowConstraints();
    rc.setVgrow(Priority.ALWAYS);
    gridPane.getRowConstraints().add(rc);
}

而且不需要调用addResizeListeners()。