JavaFX - 如何识别 ScrollBar 在 TableView 中的位置

Question

我写了这个小示例应用程序:

package application;

import javafx.application.Application;
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableColumn.CellEditEvent;
import javafx.scene.control.TableView;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.control.cell.TextFieldTableCell;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class Main extends Application {

    public class Person {

        private StringProperty firstName = new SimpleStringProperty();
        private StringProperty lastName = new SimpleStringProperty();

        public Person(String firstName, String lastName) {

            this.firstName.set(firstName);
            this.lastName.set(lastName);
        }

        public String getFirstName() {
            return firstName.get();
        }

        public String getLastName() {
            return lastName.get();
        }

        public StringProperty firstNameProperty() {
            return firstName;
        }

        public StringProperty lastNameProperty() {
            return lastName;
        }

    }

    @Override
    public void start(Stage primaryStage) {

        try {
            StackPane root = new StackPane();

            TableView<Person> tv = new TableView<>();
            TableColumn<Person, String> col = new TableColumn<Person, String>("FirstName");
            col.setCellValueFactory(new PropertyValueFactory<Person, String>("firstName"));

            tv.getColumns().add(col);
            tv.setEditable(true);

            col = new TableColumn<Person, String>("LastName");
            col.setCellValueFactory(new PropertyValueFactory<Person, String>("lastName"));
            col.setCellFactory(TextFieldTableCell.forTableColumn());
            col.setOnEditCommit(new EventHandler<TableColumn.CellEditEvent<Person, String>>() {

                @Override
                public void handle(CellEditEvent<Person, String> event) {

                    System.out.println(tv.getItems().get(1).getLastName());
                }
            });

            tv.getColumns().add(col);

            for (int i = 0; i < 30; i++) {
                tv.getItems().add(new Person("Test" + i, "Test" + i));
            }

            root.getChildren().add(tv);

            Scene scene = new Scene(root, 400, 200);
            primaryStage.setScene(scene);
            primaryStage.show();

            tv.addEventFilter(MouseEvent.MOUSE_RELEASED, event -> {
                // ...
            });
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

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

我想在 ScrollBar 到达底部时执行操作。然后我想从数据库中重新加载更多数据。但只有到那时，当用户看到所有已经加载的数据时(=底部的滚动条)。您对解决这个问题有什么好的建议吗？

我的第一个想法是捕捉 TableView 的 MOUSE_RELEASED 事件(当用户拖动栏时)，然后检查 ScrollBar< 的位置:- getValue()获取栏的位置- getMax()最大值(=底部)。

但我找不到从给定的 TableView 获取 ScrollBar 的方法(不通过 this method 使用 css-selector)。所以我无法检查它在某个 TableView 中的位置。

你有什么想法吗？？

我很兴奋。感谢您的帮助。

Answer 1

获取滚动条的唯一方法是通过查找，这有点 hack，但只要您在之后在场景中呈现表格，它就会起作用.你需要

ScrollBar verticalBar = (ScrollBar) table.lookup(".scroll-bar:vertical");

请注意，无需扰乱用户事件:您可以直接观察滚动条的 value 属性:

verticalBar.valueProperty().addListener((obs, oldValue, newValue) -> {
    if (newValue.doubleValue() >= verticalBar.getMax()) {
        // add more data...
    }
});

中南合作:

import java.util.ArrayList;
import java.util.List;
import java.util.function.Function;

import javafx.application.Application;
import javafx.beans.property.IntegerProperty;
import javafx.beans.property.SimpleIntegerProperty;
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;
import javafx.beans.value.ObservableValue;
import javafx.concurrent.Task;
import javafx.scene.Scene;
import javafx.scene.control.ScrollBar;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class AddMoreTableDataOnScrollToBottom extends Application {

    @Override
    public void start(Stage primaryStage) {
        TableView<Item> table = new TableView<>();
        table.getColumns().add(column("Item", Item::nameProperty));
        table.getColumns().add(column("Value", Item::valueProperty));


        addMoreData(table, 20);

        Scene scene = new Scene(new BorderPane(table), 400, 400);
        primaryStage.setScene(scene);
        primaryStage.show();

        ScrollBar verticalBar = (ScrollBar) table.lookup(".scroll-bar:vertical");
        verticalBar.valueProperty().addListener((obs, oldValue, newValue) -> {
            if (newValue.doubleValue() >= verticalBar.getMax()) {
                addMoreData(table, 20);
            }
        });
    }

    private void addMoreData(TableView<Item> table, int numItems) {
        Task<List<Item>> dataRetrieveTask = new Task<List<Item>>() {
            @Override
            public List<Item> call() throws Exception {
                // mimic connect to db:
                Thread.sleep(500);
                List<Item> items = new ArrayList<>();
                int nextItem = table.getItems().size() + 1 ;
                for (int i = nextItem; i < nextItem + numItems; i++ ){
                    items.add(new Item("Item "+i, i));
                }
                return items ;
            }
        };
        dataRetrieveTask.setOnSucceeded(e -> table.getItems().addAll(dataRetrieveTask.getValue()));
        new Thread(dataRetrieveTask).start();
    }

    private <S,T> TableColumn<S,T> column(String title, Function<S, ObservableValue<T>> prop) {
        TableColumn<S,T> col = new TableColumn<>(title);
        col.setCellValueFactory(cellData -> prop.apply(cellData.getValue()));
        return col ;
    }

    public static class Item {

        private final StringProperty name = new SimpleStringProperty();
        private final IntegerProperty value = new SimpleIntegerProperty();

        public Item(String name, int value) {
            setName(name);
            setValue(value);
        }

        public final StringProperty nameProperty() {
            return this.name;
        }


        public final String getName() {
            return this.nameProperty().get();
        }


        public final void setName(final String name) {
            this.nameProperty().set(name);
        }


        public final IntegerProperty valueProperty() {
            return this.value;
        }


        public final int getValue() {
            return this.valueProperty().get();
        }


        public final void setValue(final int value) {
            this.valueProperty().set(value);
        }


    }

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