Firebase无限滚动列表视图在滚动时加载10个项目[重复]

Question

我正在寻找一种在我的 Firebase 应用程序中实现简单列表视图滚动的方法，但我没有找到任何方法来实现这一点。我已经尝试了 Internet 上提供的 2-3 个教程和文档，但没有达到所需的结果。

在我的应用程序中，我希望在开始加载前 10 个列表项时滚动，然后每次滚动时加载下一个 10 或 20 个项目，直到最后一个项目出现在列表底部。

所以我尝试通过以下方式检索前 10 个项目：

ArrayList<Event> event=new ArrayList<>();

Dbref = FirebaseDatabase.getInstance().getReference("/event");
Dbref.startAt(1).limitToLast(10).addValueEventListener(new ValueEventListener() {
        @Override
        public void onDataChange(DataSnapshot dataSnapshot) {
            for (DataSnapshot snapshot : dataSnapshot.getChildren()) {
                Log.e("Events.java ", "range query started! : " + dataSnapshot.getChildrenCount());
                String event_id = snapshot.child("details").child("event_id").getValue().toString();
                e=new Event(event_id); //Event is a model class for list items
                event.add(e);
                Log.e("ShowEventInfo : ", "" + event_id);
            }
        }
        @Override
        public void onCancelled(DatabaseError databaseError) {

        }
    });
    adapter=new Event_CustomAdapter(getActivity(),event); 
    ls.setAdapter(adapter); //here ls is instance of ListView

我参考了这个 Youtube 视频来实现这个功能： (https://www.youtube.com/watch?annotation_id=annotation_3916642001&feature=iv&src_vid=YMJSBHAZsso&v=XwIKb_f0Y_w)

在上面的代码中，如您所见，我正在生成日志以检查是否从 firebase 获取数据，但我没有输出 Android 监视器。

我不知道如何在我的列表视图中实现 Firebase 滚动。我认为对于那些在回收站视图/列表视图中实现无限滚动的人来说，这是一个常见的问题。

你能帮我实现这个功能吗？谢谢。

Answer 1

这里我们将使用DatabaseReference;s 方法limitToFirst(int) OR limitToLast(int) 从FireBase 获取第一条或最后一条记录。

在下面的示例中，我使用 limitToFirst(int) 仅从 Firebase 获取顶部指定的记录。在这里，我正在使用 oldestPostId，这是我们记录的最后一个或 第 10 个键。

  private String oldestPostId;
  DatabaseReference Dbref = FirebaseDatabase.getInstance().getReference("/event");


  /////GETTING FIRST 10 RECORDS FROM THE FIREBASE HERE

        Dbref.limitToFirst(10).addListenerForSingleValueEvent(new ValueEventListener() {
            @Override
            public void onDataChange(DataSnapshot dataSnapshot) {
                for (DataSnapshot child : dataSnapshot.getChildren()) {

                    oldestPostId = child.getKey(); ////HERE WE ARE SAVING THE LAST POST_ID FROM URS POST

                    dataSnapshot.getChildrenCount());
                    String event_id = snapshot.child("details").child("event_id").getValue().toString();
                    e=new Event(event_id); //Event is a model class for list items
                    event.add(e);
                    Log.e("ShowEventInfo : ", "" + event_id);
                }      
            }

            @Override
            public void onCancelled(DatabaseError databaseError) {

            }
        });

从上面的代码中，我从 firebase 获得了前 10 条记录，现在我们将实现加载更多功能，所以我使用 Listview 的 onscrolllistener 在isScrollCompleted() 上，我们将使用orderByKey() 通过limitToFirst() 方法获得另外10 条记录。我已经实现了整个代码以获取更多关于 isScrollCompleted() 的数据，请查看以下示例。

YOUR_LISTVIEW.setOnScrollListener(new OnScrollListener() {
    private int currentVisibleItemCount;
    private int currentScrollState;
    private int currentFirstVisibleItem;
    private int totalItem;
    private LinearLayout lBelow;


    @Override
    public void onScrollStateChanged (AbsListView view,int scrollState){
        // TODO Auto-generated method stub
        this.currentScrollState = scrollState;
        this.isScrollCompleted();
    }

    @Override
    public void onScroll (AbsListView view,int firstVisibleItem,
    int visibleItemCount, int totalItemCount){
        // TODO Auto-generated method stub
        this.currentFirstVisibleItem = firstVisibleItem;
        this.currentVisibleItemCount = visibleItemCount;
        this.totalItem = totalItemCount;


    }

    private void isScrollCompleted () {
        if (totalItem - currentFirstVisibleItem == currentVisibleItemCount
                && this.currentScrollState == SCROLL_STATE_IDLE) {
            /** To do code here*/
            Dbref.orderByKey().startAt(oldestPostId).limitToFirst(10).addListenerForSingleValueEvent(new ValueEventListener() {
                @Override
                public void onDataChange(DataSnapshot dataSnapshot) {
                    for (DataSnapshot child : dataSnapshot.getChildren()) {

                        oldestPostId = child.getKey();
                        String event_id = snapshot.child("details").child("event_id").getValue().toString();
                        e = new Event(event_id); //Event is a model class for list items
                        event.add(e);
                        Log.e("ShowEventInfo : ", "" + event_id);
                    }
                }

                @Override
                public void onCancelled(DatabaseError databaseError) {

                }
            });

        }
    });

});