Javafx: Ask wether a node is inside viewport or not?

Question

当使用 ScrollPane （带有用于缩放的缩放变换）时，是否有一种自动方式来获取场景树（或不可见）中当前可见的节点，例如通过事件回调？

或者我是否必须使用单独的结构（四叉树、RTree）来跟踪节点？

Answer 1

我不认为有一种特别直接的方法可以做到这一点，但您可以使用一些绑定来获得您需要的东西。这是一个基本的想法：

import javafx.application.Application;
import javafx.beans.binding.Bindings;
import javafx.beans.binding.ObjectBinding;
import javafx.collections.ListChangeListener;
import javafx.collections.transformation.FilteredList;
import javafx.geometry.Bounds;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.ScrollPane;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.scene.shape.Ellipse;
import javafx.scene.shape.Polygon;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;

public class ScrollPaneTracking extends Application {

    @Override
    public void start(Stage primaryStage) {
        Pane pane = new Pane();
        populatePane(pane);
        ScrollPane scrollPane = new ScrollPane();
        scrollPane.setContent(pane);

        ObjectBinding<Bounds> visibleBounds = Bindings.createObjectBinding(() -> {
            Bounds viewportBounds = scrollPane.getViewportBounds();
            Bounds viewportBoundsInScene = scrollPane.localToScene(viewportBounds);
            Bounds viewportBoundsInPane = pane.sceneToLocal(viewportBoundsInScene);
            return viewportBoundsInPane ;
        }, scrollPane.hvalueProperty(), scrollPane.vvalueProperty(), scrollPane.viewportBoundsProperty());


        FilteredList<Node> visibleNodes = new FilteredList<>(pane.getChildren());
        visibleNodes.predicateProperty().bind(Bindings.createObjectBinding(() -> 
            node -> node.getBoundsInParent().intersects(visibleBounds.get()),
            visibleBounds));


        visibleNodes.addListener((ListChangeListener.Change<? extends Node> c) -> {
                visibleNodes.forEach(System.out::println);
                System.out.println();
        });

        Scene scene = new Scene(scrollPane, 600, 400);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private void populatePane(Pane pane) {

        Rectangle rect = new Rectangle(50, 50, 250, 100);
        rect.setFill(Color.CORNFLOWERBLUE);

        Circle circle = new Circle(450, 450, 75);
        circle.setFill(Color.SALMON);

        Polygon triangle = new Polygon(600, 600, 750, 750, 450, 750);
        triangle.setFill(Color.CHARTREUSE);

        Ellipse ellipse = new Ellipse(200, 600, 50, 150);
        ellipse.setFill(Color.DARKORCHID);

        pane.getChildren().addAll(rect, circle, triangle, ellipse);
    }

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

出于某种原因，只要谓词更改，列表就会触发更改，我认为这不应该发生。你可以通过稍微笨重的实现来解决这个问题：

    ObservableSet<Node> visibleNodes = FXCollections.observableSet();
    visibleBounds.addListener((obs, oldBounds, newBounds) -> {
        for (Node node : pane.getChildren() ) {
            if (node.getBoundsInParent().intersects(newBounds)) {
                visibleNodes.add(node);
            } else {
                visibleNodes.remove(node);
            }
        }
    });

    visibleNodes.addListener((SetChangeListener.Change<? extends Node> c) -> {
            visibleNodes.forEach(System.out::println);
            System.out.println();
    });

请注意，我没有像您一样（使用比例尺）对滚动窗格的内容应用任何转换，因此我没有对此进行测试。您可能需要对 的计算稍加修改visibleBounds以使其正确，但这应该为您提供前进的道路。