我有一个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 x
和double 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
垂直滚动是完全相似的。
hmin
和hmax
的默认值分别是0
和1
,因此,如果您假设它们不变,则可以简化一些事情。所以我认为你最终会
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/