提问者:小点点

在 JavaFX 8 中创建相当大的可拖动窗格


我正在尝试创建一个“工作区”,用户可以打开几个容器来显示不同的信息。它们需要是可移动的和可扩展的(例如ScrollPane)。

我已经成功创建了大部分功能 - 但是有一件事确实给我带来了问题,我无法找出问题所在。

我创建了以下类:

public class WorkspaceMoveableSizeablePane extends Pane
    public WorkspaceMoveableSizeablePane(Node view) {
        getChildren().add(view);
        init();
    }
    private void init() {
        ...set up the event handlers....

我尝试通过在我的WorkspaceController中包装现有窗格来使用此窗格:

@FXML private openSampleWorkspaceNode() {
          FXMLLoader loader = new FXMLLoader();
    Parent node = loader.load(
    this.getClass().getResource("MyView.fxml").openStream());
    WorkspaceMoveableSizeablePane dn = new WorkspaceMoveableSizeablePane(node);
    pane.getChildren().add(dn);
}

当我以这种方式打开它时,我可以调整窗格大小并拖动它,但是“节点”上的子节点(即锚定窗格)保持在当前位置,而不是隐藏。

为了纠正这个问题,我将AnchorPane包装在FXML文件中的ScrollPane中。这允许调整大小发生——正如预期的那样,越界部分不可见,滚动条出现了,但是拖动停止了。当我试图跟踪鼠标拖动事件时,它实际上没有触发,除非我调整WorkspaceMoveableSizeablePane的大小。

//Event Listener for MouseDragged
    onMouseDraggedProperty().set(event -> {
      System.out.println("You are in the Mouse Dragged Event");
        if(isTopSelected){
            dragPaneToNewLocation(event);
        }else if(isResizingHeight) {
            handleResizeHeight(event);
        }else if(isResizingWidth) {
            handleResizeWidth(event);
        }
    });

我将我的FXML恢复到AnchorPane,并将WorkspaceMoveableSizeablePane更改如下,看看是否有帮助:

public class WorkspaceMoveableSizeablePane extends ScrollPane
    public WorkspaceMoveableSizeablePane(Node view) {
        setContent(view);
        init();
    }
    private void init() {
        ...set up the event handlers....

与之前一样,调整大小有效,但拖动没有。鼠标拖动事件从未启动。此外,我的滚动窗格是空白的,没有任何内容。

所以我不知道该如何进行这项尝试。

滚动窗格的事件处理程序是否有限制?我应该听不同的事件吗?谢谢!!


共1个答案

匿名用户

问题是ScrollPane捕获了MouseDraked事件。

增加了一个事件过滤器,一切正常...

    addEventFilter(MouseEvent.MOUSE_DRAGGED, event -> {
        if(isTopSelected){
            dragPaneToNewLocation(event);
        }else if(isResizingHeight) {
            handleResizeHeight(event);
        }else if(isResizingWidth) {
            handleResizeWidth(event);
        }
    });