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);
}
Надеюсь, это поможет.