JavaFX可平移网格

Question

对于我当前的项目，我需要一个带有透明背景的大均匀网格，可以缩放和平移。我最初尝试使用带有setPannable（true）的ScrollPane，但很快发现即使您调用setStyle（"-fx-background-Color：透明"）或setStyle（"-fx-background：透明"），滚动窗格背景也会保持不可见。因此，消除了这个简单的选项后，我需要使有问题的GridPane直接可平移。

我已经尝试了几件事，包括试图将鼠标位置绑定到< code>GridPane的Translate属性(这根本不起作用)，但我没有找到更有希望的替代方法来正常工作:

    GridPane gridView = new GridPane();
    int x;
    int y;
    gridView.setOnDragEntered( (event) -> {
        x = event.getX();
        y = event.getY();
    });
    gridView.setOnDragDetected( (event) -> {
        gridView.setTranslateX(X - event.getX());
        gridView.setTranslateY(Y - event.getY());
    });

然而，这只会使地图向上和向左跳跃，而不是像预期的那样用鼠标慢慢平移。

Answer 1

设法弄明白了大部分。剩下的一个问题是，< code>GridPane在平移时会有些抖动，但目前还在可接受的水平。

    int x = 0;
    int y = 0;
    gridView.setOnMouseDragged((event) -> {
        if(x != 0){ //prevent from panning before values are initialized
            gridView.setTranslateX( gridView.getTranslateX() + limit(event.getX() - x, 25));
            gridView.setTranslateY( gridView.getTranslateY() + limit(event.getY() - y, 25));
        }
        x = (int)event.getX();
        y = (int)event.getY();
    });

其中Limit（双num，双限制）方法将输入num限制在范围[-限制，限制]内。减少限制会减少抖动，但也会以降低响应能力为代价。