JavaFX - перехватывать события перетаскивания из "дочерней" панели ScrollPane и перенаправлять в "родительскую" ScrollPane

Я пытаюсь выполнить "перехват" событий перетаскивания из одной прокручиваемой ScrollPane ("дочерняя") и перенаправить это событие в другую ScrollPane ("родительская").

Вот моя попытка сделать это:

import javafx.application.Application;
import javafx.geometry.Point2D;
import javafx.scene.Cursor;
import javafx.scene.Scene;
import javafx.scene.control.ScrollPane;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class Main extends Application
{
    private final Image PARENT_IMAGE = new Image("http://www.tolkien.co.uk/file/IfbTdA8/5d04a105-e66b-4d9b-b218-928c691eb83d.jpg");
    private final Image CHILD_IMAGE = new Image("http://knightly-slumber.com/worldofwarcraft/files/ScreenShot00019.jpg");

    @Override
    public void start(Stage stage) throws Exception
    {
        stage.setTitle("ScrollPane Sync");

        // Set up the scene (two ScrollPanes, both pannable)
        final ScrollPane parentScrollPane = new ScrollPane();
        final ScrollPane childScrollPane = new ScrollPane();
        parentScrollPane.setPrefSize(600, 400);
        childScrollPane.setPrefSize(200, 200);
        parentScrollPane.setContent(new ImageView(PARENT_IMAGE));
        childScrollPane.setContent(new ImageView(CHILD_IMAGE));
        parentScrollPane.setPannable(true);
        childScrollPane.setPannable(true);
        parentScrollPane.setHbarPolicy(ScrollPane.ScrollBarPolicy.NEVER);
        parentScrollPane.setVbarPolicy(ScrollPane.ScrollBarPolicy.NEVER);
        childScrollPane.setHbarPolicy(ScrollPane.ScrollBarPolicy.NEVER);
        childScrollPane.setVbarPolicy(ScrollPane.ScrollBarPolicy.NEVER);
        parentScrollPane.setCursor(Cursor.MOVE);
        childScrollPane.setCursor(Cursor.MOVE);
        VBox root = new VBox(parentScrollPane, childScrollPane);
        root.setPrefSize(800, 600);

        // Make childScrollPane sync with parentScrollPane's h and v-values
        childScrollPane.hvalueProperty().bind(parentScrollPane.hvalueProperty());
        childScrollPane.vvalueProperty().bind(parentScrollPane.vvalueProperty());

        // Attempt to intercept drag events from childScrollPane and re-direct to parentScrollPane
        childScrollPane.addEventFilter(MouseEvent.MOUSE_DRAGGED, event ->
        {
            // re-map x,y coords relative position from child to parent (as they are different sizes). 
            // In other words, if the drag event happened 40% of the way "across" (from the left) and 60% 
            // "down" (from the top) the child pane, then re-map those relative positions to absolute 
            // positions in terms of the parent pane (40% across and 60% down the parent pane).
            double xRelative = event.getX() / childScrollPane.getViewportBounds().getWidth();
            double xInParent = xRelative * parentScrollPane.getViewportBounds().getWidth();
            double yRelative = event.getY() / childScrollPane.getViewportBounds().getHeight();
            double yInParent = yRelative * parentScrollPane.getViewportBounds().getHeight();

            Point2D screenCoords = parentScrollPane.localToScreen(xInParent, yInParent);

            MouseEvent redirectedEvent = new MouseEvent(
                    parentScrollPane, root,
                    MouseEvent.MOUSE_DRAGGED, xInParent, yInParent,
                    screenCoords.getX(), screenCoords.getY(), event.getButton(), event.getClickCount(),
                    event.isShiftDown(), event.isControlDown(), event.isAltDown(), event.isMetaDown(),
                    event.isPrimaryButtonDown(), event.isMiddleButtonDown(), event.isSecondaryButtonDown(),
                    event.isSynthesized(), event.isPopupTrigger(), event.isStillSincePress(),
                    event.getPickResult()
            );

            MouseEvent.fireEvent(parentScrollPane, redirectedEvent);
            event.consume();
        });

        Scene scene = new Scene(root);
        stage.setScene(scene);
        stage.show();
    }


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

У меня есть VBox (корень сцены) с двумя ScrollPanes. Обе панели прокрутки могут быть панорамируемыми. В этом случае я назначаю верхнюю (и большую) ScrollPane родительскую ScrollPane, а нижнюю (и меньшую) ScrollPane дочернюю ScrollPane. Я связываю h и v-значения дочернего ScrollPane с родительским ScrollPane, чтобы при перетаскивании / перемещении в родительском ScrollPane дочерний ScrollPane также перемещался. Затем я пытаюсь добавить фильтр событий для MouseEvent.MOUSE_DRAGGED события, чтобы мы могли "перехватить" события перетаскивания на родительском ScrollPane. Затем я пытаюсь перенаправить то, что это событие, и повторно привести его в терминах родительского ScrollPane, а затем запустить это новое событие и использовать старое.

В настоящее время панорамирование родительского ScrollPane заставляет также перемещаться дочерний элемент ScrollPane (это хорошо), но при перетаскивании в дочернем ScrollPane ничего не происходит (в этом случае мы хотим, чтобы оба ScrollPane перемещались).

Кто-то может спросить: почему бы вам просто не использовать двунаправленную привязку для значений h и v для двух ScrollPanes? Причина, по которой я хочу этого избежать, заключается в том, что она нарушает отношения родитель-потомок, которые я пытаюсь поддерживать. Другими словами, я хочу, чтобы все панорамирование "происходило" и контролировалось родительским ScrollPane.

1 ответ

Мне удалось перенаправить дочерние события в родительскую полосу прокрутки, выполнив это:

// Catch events on scrollPane's children
@FXML
public void press(MouseEvent event) {
    ScrollPane sp = (ScrollPane) ((Node) event.getSource()).getParent().getParent().getParent().getParent();

    PickResult pr = new PickResult(sp.getContent(), event.getSceneX(), event.getSceneY());
    MouseEvent event2 = new MouseEvent(sp, sp.getContent(), event.getEventType(), event.getX(), event.getY(), event.getScreenX(), event.getScreenY(), event.getButton(), event.getClickCount(), event.isShiftDown(), event.isControlDown(), event.isAltDown(), event.isMetaDown(), event.isPrimaryButtonDown(), event.isMiddleButtonDown(), event.isSecondaryButtonDown(), event.isSynthesized(), event.isPopupTrigger(), event.isStillSincePress(), pr);
    sp.getContent().fireEvent(event2);
}

@FXML
public void drag(MouseEvent event) {
    ScrollPane sp = (ScrollPane) ((Node) event.getSource()).getParent().getParent().getParent().getParent();

    PickResult pr = new PickResult(sp.getContent(), event.getSceneX(), event.getSceneY());
    MouseEvent event2 = new MouseEvent(sp, sp.getContent(), event.getEventType(), event.getX(), event.getY(), event.getScreenX(), event.getScreenY(), event.getButton(), event.getClickCount(), event.isShiftDown(), event.isControlDown(), event.isAltDown(), event.isMetaDown(), event.isPrimaryButtonDown(), event.isMiddleButtonDown(), event.isSecondaryButtonDown(), event.isSynthesized(), event.isPopupTrigger(), event.isStillSincePress(), pr);
    sp.getContent().fireEvent(event2);
}

// drag detected => cursor changes
@FXML
public void dragDetected(MouseEvent event) {
    ScrollPane sp = (ScrollPane) ((Node) event.getSource()).getParent().getParent().getParent().getParent();

    PickResult pr = new PickResult(sp.getContent(), event.getSceneX(), event.getSceneY());
    MouseEvent event2 = new MouseEvent(sp, sp.getContent(), event.getEventType(), event.getX(), event.getY(), event.getScreenX(), event.getScreenY(), event.getButton(), event.getClickCount(), event.isShiftDown(), event.isControlDown(), event.isAltDown(), event.isMetaDown(), event.isPrimaryButtonDown(), event.isMiddleButtonDown(), event.isSecondaryButtonDown(), event.isSynthesized(), event.isPopupTrigger(), event.isStillSincePress(), pr);
    sp.getContent().fireEvent(event2);
}

Надеюсь, это поможет.

Другие вопросы по тегам