java - 将相机绑定(bind)到内容 Javafx

Question

我试图在 JavaFX 中对相机的移动设置限制，这样当它移动时，它不允许用户以只有子场景的内容可见的方式移动。目前，我的移动代码如下所示并且没有检查来防止这种情况发生，我尝试通过检查其坐标并近似它是否显示子场景的内容来限制相机的移动，但这存在问题它纯粹是一个近似值，并且在缩放时。 TLDR，问题涉及 1 检测相机何时从内容中移开，以及 2 如果转换会导致相机从内容中移开，则防止发生转换。

mapView.addEventFilter(MouseEvent.MOUSE_PRESSED, e->{
    startX = e.getX();
    startY = e.getY();
});
mapView.addEventFilter(MouseEvent.MOUSE_DRAGGED, e -> {
    camera.setTranslateX(camera.getTranslateX() + (startX - e.getX()));
    camera.setTranslateY(camera.getTranslateY() + (startY - e.getY()));
});

如果相关的话，mapView 是一个 MeshView。

如果您希望我澄清任何事情或需要更多信息，我会提供。感谢您的帮助和美好的一天。

Answer 1

相机有一个视口(viewport)，您可以将其想象为内容上方的可移动覆盖层(在未放置内容的区域显示一些背景)。为了简单起见，我将滚动(即移动视口(viewport))与内容转换(例如缩放)分开。

基于这种心理模型，您可以将可滚动边界定义为内容的边界以及当前视口(viewport)的可能为空的部分(例如，在内容小于视口(viewport)的情况下)。每次滚动操作(增加/减少当前视口(viewport)内的空白空间)或内容操作(转换和边界更改)后，都需要重新计算可滚动边界。如果将滚动限制在可滚动边界内，则可以确保滚动操作永远不会增加视口(viewport)内的空白空间。

您可以创建一个 ObjectBinding绑定(bind)到内容的 bounds-in-local 和 local-to-parent-transform 属性以及视口(viewport)边界的 scrollableBounds。然后您可以创建一个绑定(bind)到绑定(bind)的 scollableBoundsProperty。滚动时可以访问该属性以在应用翻译之前限制翻译，从而防止增加视口(viewport)内的空白空间。

ObjectBinding<Bounds> scrollableBoundsBinding = new ObjectBinding<>() {
    {
        // TODO: bind to dependencies: viewport bounds and content bounds
        // TODO: (transformed to the same coordinate system)
        bind(camera.boundsInParentProperty(),
             contentPane.boundsInLocalProperty(),
             contentPane.localToParentTransformProperty());
    }
    @Override protected Bounds computeValue() {
        // TODO: compute union of viewport and content bounds
        return unionBounds(viewportBounds, contentBounds);
    }
};
ObjectProperty<Bounds> scrollableBoundsProperty = new SimpleObjectProperty<>(
    scrollableBoundsBinding);
// ...
// on mouse drag:
// dx, dy: relative mouse movement
// tx, ty: current scrolling
// mintx, maxtx, minty, maxty: translation range
// (taken from scrollable bounds and viewport size)
if (dx < 0) { tx = max(mintx, tx + dx); }
else        { tx = min(maxtx, tx + dx); }
if (dy < 0) { ty = max(minty, ty + dy); }
else        { ty = min(maxty, ty + dy); }

当内容完全适合视口(viewport)时，您可能希望进一步限制滚动，例如通过将内容放在左上角。在这种情况下，您还可以限制最小缩放级别，以便尽可能大地显示内容。

关于可用性的注意事项:正如另一个答案已经指出的那样，您可能需要考虑允许稍微拖动内容，这可能会随着尝试从内容滚动到更远的地方而降低效率，这与在 Safari 中通过触摸板滚动。然后，当交互完成时，您可以过渡回来而不是捕捉，以便再次将视口(viewport)限制为内容。