JavaFX 表格视图在按下按钮 selectNext() 或 selectPrevious() 时自动滚动到所选项目

Question

我正在编写一个 JavaFX 程序，其中包含一个名为“table”的 TableView 和两个名为“previous”和“next”的按钮。

下面是部分代码：

previous.setOnAction(event -> {
     table.getSelectionModel().selectPrevious();
});

next.setOnAction(event -> {
     table.getSelectionModel().selectNext();
});

但是，如果我一直按下按钮，表格将不会自动滚动以保持所选项目可见。所以我修改了这样的代码：

previous.setOnAction(event -> {
     table.getSelectionModel().selectPrevious();
     table.scrollTo(table.getSelectionModel().getSelectedItem());
});

next.setOnAction(event -> {
     table.getSelectionModel().selectNext();
     table.scrollTo(table.getSelectionModel().getSelectedItem());
});

但它会始终尝试将所选项目保持在可见区域的顶部。如果我一直按“下一步”。选定的项目将停留在顶部而不是底部。

我想模仿 tableview 的自然行为，如果我在键盘上按下或按下选定的内容，tableview 将自动滚动以保持所选项目可见。

我应该如何修改代码以使按下按钮时自动滚动更自然？

谢谢

Answer 1

问题是

• 在应用程序级别缺少对 scrollTo 目标位置的细粒度控制
• virtualizedControl.scrollTo(index) 的（有点不幸）实现（最终）导致调用flow.scrollToTop(index)

有一个long-standing RFE（2014 年报告！）要求对应用程序代码进行更好的控制。实际上，VirtualFlow 有提供这样的公共方法（scrollToTop、scrollTo、scrollPixels），只是它们不会传递到控制层（VirtualContainerBase 中的 getVirtualFlow 是最终保护的），因此不能在自定义皮肤中被覆盖。从 fx12 开始，我们可以稍微修改一下，暴露 Tree/TableViewSkin 的 onSelectXX 并直接在应用程序代码（下面的示例）或自定义 TableView 中使用它们。

示例代码：

public class TableSelectNextKeepVisible extends Application {

    /**
     * Custom table skin to expose onSelectXX methods for application use.
     */
    public static class MyTableSkin<T> extends TableViewSkin<T> {

        public MyTableSkin(TableView<T> control) {
            super(control);
        }

        /**
         * Overridden to widen scope to public.
         */
        @Override
        public void onSelectBelowCell() {
            super.onSelectBelowCell();
        }

        /**
         * Overridden to widen scope to public.
         */
        @Override
        public void onSelectAboveCell() {
            super.onSelectAboveCell();
        }

    }
    
    private Parent createContent() {
        TableView<Locale> table = new TableView<>(FXCollections.observableArrayList(Locale.getAvailableLocales())) {

            @Override
            protected Skin<?> createDefaultSkin() {
                return new MyTableSkin<>(this);
            }

        };

        TableColumn<Locale, String> country = new TableColumn<>("Column");
        country.setCellValueFactory(new PropertyValueFactory<>("displayLanguage"));
        table.getColumns().addAll(country);

        Button next = new Button("next");
        next.setOnAction(e -> {
            table.getSelectionModel().selectNext();
            // scrolls to top
//            table.scrollTo(table.getSelectionModel().getSelectedIndex());
            ((MyTableSkin<?>) table.getSkin()).onSelectBelowCell();

        });

        Button previous = new Button("previous");
        previous.setOnAction(e -> {
            table.getSelectionModel().selectPrevious();
            // scrolls to top
//            table.scrollTo(table.getSelectionModel().getSelectedIndex());
            ((MyTableSkin<?>) table.getSkin()).onSelectAboveCell();

        });

        BorderPane content = new BorderPane(table);
        content.setBottom(new HBox(10, next, previous));
        return content;
    }

    @Override
    public void start(Stage stage) throws Exception {
        stage.setScene(new Scene(createContent()));
        stage.show();
    }

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

}

Answer 2

尝试如下使用 getSelectedIndex 而不是使用 getSelectedItem

previous.setOnAction(event -> {
     table.getSelectionModel().selectPrevious();
     table.scrollTo(table.getSelectionModel().getSelectedIndex());
});

Answer 3

Platform.runLater( () -> TABLE_NAME.scrollTo(TABLE_INFORMATION_LIST.getList().size()-index) ); 如果您在向表格中添加信息时调用它应该可以工作。