CharmListView无限滚动实现问题：每加载200条触发数据请求

首先说下你遇到的getIndex()返回-1的问题：这是因为当ListCell处于空状态（empty=true）或者被ListView回收复用时，它的index会被设为-1。你原来的代码里不管empty与否都打印index，所以才会看到-1。修正的话，只在!empty && item != null的分支里处理index相关逻辑就好，我后面会给你修正后的updateItem代码。

接下来重点说无限滚动加载的实现，推荐两种靠谱的方案：

方案一：监听滚动条位置，接近底部时触发加载 #

这种方式直接监听ScrollPane的滚动比例，当滚动到接近底部（比如95%的位置）时，调用后端接口加载下一批数据。

步骤&代码示例： #

1. 先定义几个状态变量，防止重复请求和判断是否还有数据：

private boolean isLoading = false;
private boolean hasMoreData = true; // 初始假设还有数据
private final ObservableList<Model> dataList = FXCollections.observableArrayList();

2. 给你的ListView（或者CharmListView）添加滚动监听器：

// 假设你的列表组件叫listView
ScrollPane scrollPane = (ScrollPane) listView.getParent();
scrollPane.vvalueProperty().addListener((obs, oldValue, newValue) -> {
    // 当滚动到95%的位置，且还有数据、不在加载中时触发
    if (newValue.doubleValue() >= 0.95 && hasMoreData && !isLoading) {
        isLoading = true;
        // 异步调用后端接口加载200条数据
        loadNextBatch().thenAccept(newBatch -> {
            // 回到FX线程更新UI
            Platform.runLater(() -> {
                dataList.addAll(newBatch);
                isLoading = false;
                // 如果返回的数据不足200条，说明没有更多数据了
                if (newBatch.size() < 200) {
                    hasMoreData = false;
                }
            });
        });
    }
});

3. 修正你的updateItem方法：

@Override 
public void updateItem(Model item, boolean empty) { 
    super.updateItem(item, empty); 
    currentItem = item; 
    if (!empty && item != null) { 
        update(); 
        setGraphic(slidingTile); 
        // 这里的getIndex()就会返回有效的索引了
        System.out.println(getIndex()); 
    } else { 
        setGraphic(null); 
        currentItem = null; // 避免持有无效引用
    } 
}

方案二：监听可见单元格，接近列表末尾时触发加载 #

如果觉得滚动比例的方式不够精准，可以通过监听ListView的可见单元格，当最后一个可见单元格的索引接近列表末尾时触发加载。

代码示例： #

listView.visibleCellsProperty().addListener((obs, oldCells, newCells) -> {
    if (newCells.isEmpty() || !hasMoreData || isLoading) {
        return;
    }
    // 获取最后一个可见的单元格
    ListCell<Model> lastVisibleCell = newCells.get(newCells.size() - 1);
    int lastIndex = lastVisibleCell.getIndex();
    // 当最后一个可见单元格距离列表末尾小于等于20条时，提前触发加载
    if (lastIndex >= dataList.size() - 20) {
        isLoading = true;
        loadNextBatch().thenAccept(newBatch -> {
            Platform.runLater(() -> {
                dataList.addAll(newBatch);
                isLoading = false;
                if (newBatch.size() < 200) {
                    hasMoreData = false;
                }
            });
        });
    }
});

关键注意事项： #

• 必须加isLoading标志：防止滚动时多次触发请求，避免重复加载相同数据。
• 异步加载+FX线程更新：后端接口调用一定要异步执行，不能阻塞UI线程；更新ObservableList时必须用Platform.runLater，因为FX控件的操作只能在FX应用线程中进行。
• 判断数据是否耗尽：当后端返回的数据不足200条时，就标记hasMoreData = false，停止触发加载。

内容的提问来源于stack exchange，提问作者Antonio Marcos