我有一个20x20的GridPane大小均一的正方形,它表示来自相同大小的二维数组的数据,并放置在ScrollPane中,以便人们可以用它来平移。 GridPane的像素宽度和高度均远大于ScrollPane的相应尺寸。

我的问题是我无法制定一种将ScrollPane的视口对准位于一组指定坐标的GridPane正方形居中的功能方法。

我对一直尝试使用的scrollPane.setHvalue(double)scrollPane.setVvalue(double)的理解是,传递给它们的double值是将滚动设置为的轴的百分比。但是,当我假设编写代码时,它无法将视图居中放置在预期的正方形上,有时正方形甚至不在视口上的任何位置:

private void centerViewOn(double x, double y){
    scrollPane.setHvalue(x/grid.getDimensionX());
    scrollPane.setVvalue(y/grid.getDimensionY());
}


其中grid是一个类的实例,与该问题唯一相关的是它具有网格的尺寸,而double xdouble y是打算在正方形的GridPane中使用的x,y坐标居中。

我做错了什么,该如何解决?

编辑:
按照James_D的建议,我将我做的最小,完整和可验证的示例包括在内:

private ScrollPane scrollPane;
private GridPane gridPane;
private double dimensionX;
private double dimensionY;

@Override
public void start(Stage primaryStage) {
    scrollPane = new ScrollPane();
    gridPane   = new GridPane();
    dimensionX = 20;
    dimensionY = 20;

    Pane temp;
    for(int x = 0; x < dimensionX; ++x){
        for(int y = 0; y < dimensionY; ++y){
            temp = new Pane();
            temp.setPrefSize(100, 100);
            temp.setOnMouseClicked( e -> {
                centerViewOn(GridPane.getColumnIndex((Pane)e.getSource()), GridPane.getRowIndex((Pane)e.getSource()));
                ((Pane)e.getSource()).setStyle("-fx-background-color: blue");
            });
            gridPane.add(temp, x, y);
        }
    }

    gridPane.setGridLinesVisible(true);
    scrollPane.setContent(gridPane);

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

private void centerViewOn(double x, double y){
    double viewportWidth    = scrollPane.getViewportBounds().getWidth();
    double maxHscrollPixels = gridPane.getWidth() - viewportWidth;
    double hscrollPixels    = viewportWidth / 2 - (x + 0.5) * dimensionX / 20;
    scrollPane.setHvalue(hscrollPixels / maxHscrollPixels);

    double viewportHeight   = scrollPane.getViewportBounds().getHeight();
    double maxVscrollPixels = gridPane.getHeight() - viewportHeight;
    double vscrollPixels    = viewportHeight / 2 - (y + 0.5) * dimensionY / 20;
    scrollPane.setVvalue(vscrollPixels / maxVscrollPixels);
}

最佳答案

滚动窗格的水平滚动值在scrollPane.getHmin()scrollPane.getHmax()之间变化。这些以任意单位表示,滚动像素的数量在整个范围内线性插值。

可能的水平滚动量(以像素为单位)范围从零到(网格窗格宽度-滚动窗格视口宽度)。

所以你有了

(hvalue - hmin) / (hmax - hmin) = scrollPixels / (gridPaneWidth - viewportWidth)


等一些代数之后

hvalue = hmin + (hmax - hmin) * scrollPixels / (gridPaneWidth - viewportWidth)


假设每列的宽度相同,并且有dimensionX列,则x列的总宽度为x * gridPaneWidth / dimensionX像素。由于要滚动到单元格的中心,请添加另一个半单元格,并且由于要使单元格的中心位于视口的中心,请减去viewportWidth / 2。所以你有了:

hscrollPixels =  (x + 0.5) * gridPane.getWidth() / dimensionX - viewportWidth / 2


垂直滚动是完全相似的。

hminhmax的默认值分别是01,因此,如果您假设它们不变,则可以简化一些事情。

所以我认为你最终会

private void centerViewOn(double x, double y){
    double viewportWidth    = scrollPane.getViewportBounds().getWidth();
    double maxHscrollPixels = gridPane.getWidth() - viewportWidth;
    double hscrollPixels    =  (x + 0.5) * gridPane.getWidth() / dimensionX - viewportWidth / 2;
    scrollPane.setHvalue(hscrollPixels / maxHscrollPixels);

    double viewportHeight   = scrollPane.getViewportBounds().getHeight();
    double maxVscrollPixels = gridPane.getHeight() - viewportHeight;
    double vscrollPixels    =  (y + 0.5) * gridPane.getHeight() / dimensionY - viewportHeight / 2;
    scrollPane.setVvalue(vscrollPixels / maxVscrollPixels);
}


请注意,并非所有单元格都可以滚动到中心:如果它们太靠近边缘,它们将被滚动到尽可能靠近中心的位置,但是滚动窗格将不允许有空格(除非内容小于视口)。

这是完整的示例:

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.ScrollPane;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.Pane;
import javafx.stage.Stage;

public class ScrollToCenter extends Application {

    private ScrollPane scrollPane;
    private GridPane gridPane;
    private double dimensionX;
    private double dimensionY;

    @Override
    public void start(Stage primaryStage) {
        scrollPane = new ScrollPane();
        gridPane   = new GridPane();
        dimensionX = 20;
        dimensionY = 20;

        for(int x = 0; x < dimensionX; ++x){
            for(int y = 0; y < dimensionY; ++y){
                Pane temp = new Pane();
                temp.setPrefSize(100, 100);
                temp.setOnMouseClicked( e -> {
                    centerViewOn(GridPane.getColumnIndex(temp), GridPane.getRowIndex(temp));
                    temp.setStyle("-fx-background-color: blue");
                });
                gridPane.add(temp, x, y);
            }
        }

        gridPane.setGridLinesVisible(true);
        scrollPane.setContent(gridPane);

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

    private void centerViewOn(double x, double y){
        double viewportWidth    = scrollPane.getViewportBounds().getWidth();
        double maxHscrollPixels = gridPane.getWidth() - viewportWidth;
        double hscrollPixels    =  (x + 0.5) * gridPane.getWidth() / dimensionX - viewportWidth / 2;
        scrollPane.setHvalue(hscrollPixels / maxHscrollPixels);

        double viewportHeight   = scrollPane.getViewportBounds().getHeight();
        double maxVscrollPixels = gridPane.getHeight() - viewportHeight;
        double vscrollPixels    =  (y + 0.5) * gridPane.getHeight() / dimensionY - viewportHeight / 2;
        scrollPane.setVvalue(vscrollPixels / maxVscrollPixels);
    }

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

关于java - ScrollPane视口(viewport)中的中心GridPane正方形,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40621172/

10-10 12:40