RecyclerView的上拉加载更多+SwipeRefreshLayout效果

注:本文方法只适合于RecyclerView的LinearLayoutManager的方式

思路:

在RecyclerView中设置滚动监听setOnScrollListener(),获得到上拉操作后调用我们Adapter中上拉状态参数,最后刷新完成显示功能;

直接上代码,先在Activity中给RecyclerView设置滚动监听:

1. //RecyclerView滑动监听  
2.        demo_recycler.setOnScrollListener(new RecyclerView.OnScrollListener() {  
3.            @Override  
4.            public void onScrollStateChanged(RecyclerView recyclerView, int newState) {  
5.               super.onScrollStateChanged(recyclerView, newState);  
6.                if (newState ==RecyclerView.SCROLL_STATE_IDLE && lastVisibleItem + 1 ==adapter.getItemCount()) {  
7.                    new Handler().postDelayed(new Runnable() {  
8.                        @Override  
9.                        public void run() {  
10.                            List<String> newDatas = new ArrayList<String>();  
11.                            for (int i = 0; i< 5; i++) {  
12.                                int index = i +1;  
13.                               newDatas.add("more item" + index);  
14.                            }  
15.                           adapter.addMoreItem(newDatas);  
16.                        }  
17.                    },1000);  
18.                }  
19.            }  
20.            @Override  
21.            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {  
22.                super.onScrolled(recyclerView,dx, dy);  
23.                lastVisibleItem =linearLayoutManager.findLastVisibleItemPosition();  
24.            }  
25.        });  

整个RefreshFootAdapter完整代码如下:

[java]  view plain  copy

 

1. packagecom.chinaztt.fda.adapter;  
2. public class RefreshFootAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder>{  
3.     //上拉加载更多  
4.     public static final int  PULLUP_LOAD_MORE=0;  
5.     //正在加载中  
6.     public static final int  LOADING_MORE=1;  
7.     //上拉加载更多状态-默认为0  
8.     private int load_more_status=0;  
9.     private LayoutInflater mInflater;  
10.     private List<String> mTitles=null;  
11.     private static final intTYPE_ITEM = 0;  //普通Item View  
12.     private static final intTYPE_FOOTER = 1;  //顶部FootView  
13.     public RefreshFootAdapter(Context context){  
14.        this.mInflater=LayoutInflater.from(context);  
15.         this.mTitles=new ArrayList<String>();  
16.         for (int i=0;i<20;i++){  
17.             int index=i+1;  
18.            mTitles.add("item"+index);  
19.         }  
20.     }  
21.     /** 
22.      * item显示类型 
23.      * @param parent 
24.      * @param viewType 
25.      * @return 
26.      */  
27.     public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {  
28.         //进行判断显示类型，来创建返回不同的View  
29.         if(viewType==TYPE_ITEM){  
30.             Viewview=mInflater.inflate(R.layout.item_recycler_layout,parent,false);  
31.             //这边可以做一些属性设置，甚至事件监听绑定  
32.            //view.setBackgroundColor(Color.RED);  
33.             ItemViewHolder itemViewHolder=new ItemViewHolder(view);  
34.             return itemViewHolder;  
35.         }else if(viewType==TYPE_FOOTER){  
36.             Viewfoot_view=mInflater.inflate(R.layout.recycler_load_more_layout,parent,false);  
37.             //这边可以做一些属性设置，甚至事件监听绑定  
38.            //view.setBackgroundColor(Color.RED);  
39.             FootViewHolder footViewHolder=new FootViewHolder(foot_view);  
40.             return footViewHolder;  
41.         }  
42.        return null;  
43.     }  
44.    
45.     /** 
46.      * 数据的绑定显示 
47.      * @param holder 
48.      * @param position 
49.      */  
50.     public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {  
51.         if(holder instanceof ItemViewHolder) {  
52.            ((ItemViewHolder)holder).item_tv.setText(mTitles.get(position));  
53.             holder.itemView.setTag(position);  
54.         }else if(holder instanceof FootViewHolder){  
55.             FootViewHolder footViewHolder=(FootViewHolder)holder;  
56.             switch (load_more_status){  
57.                 case PULLUP_LOAD_MORE:  
58.                    footViewHolder.foot_view_item_tv.setText("上拉加载更多...");  
59.                     break;  
60.                 case LOADING_MORE:  
61.                    footViewHolder.foot_view_item_tv.setText("正在加载更多数据...");  
62.                     break;  
63.             }  
64.         }  
65.     }  
66.    
67.     /** 
68.      * 进行判断是普通Item视图还是FootView视图 
69.      * @param position 
70.      * @return 
71.      */  
72.     @Override  
73.     public int getItemViewType(int position) {  
74.     // 最后一个item设置为footerView  
75.     if (position + 1 == getItemCount()) {  
76.                 return TYPE_FOOTER;  
77.             } else {  
78.                 return TYPE_ITEM;  
79.             }  
80.         }  
81.     @Override  
82.     public int getItemCount() {  
83.         return mTitles.size()+1;  
84.     }  
85.     //自定义的ViewHolder，持有每个Item的的所有界面元素  
86.     public static class ItemViewHolder extends RecyclerView.ViewHolder {  
87.         public TextView item_tv;  
88.         public ItemViewHolder(View view){  
89.             super(view);  
90.             item_tv = (TextView)view.findViewById(R.id.item_tv);  
91.         }  
92.     }  
93.     /** 
94.      * 底部FootView布局 
95.      */  
96.     public static class FootViewHolder extends  RecyclerView.ViewHolder{  
97.         private TextView foot_view_item_tv;  
98.         public FootViewHolder(View view) {  
99.             super(view);  
100.            foot_view_item_tv=(TextView)view.findViewById(R.id.foot_view_item_tv);  
101.         }  
102.     }  
103.    
104.     //添加数据  
105.     public void addItem(List<String> newDatas) {  
106.         //mTitles.add(position, data);  
107.         //notifyItemInserted(position);  
108.         newDatas.addAll(mTitles);  
109.         mTitles.removeAll(mTitles);  
110.         mTitles.addAll(newDatas);  
111.         notifyDataSetChanged();  
112.     }  
113.    
114.     public void addMoreItem(List<String> newDatas) {  
115.         mTitles.addAll(newDatas);  
116.         notifyDataSetChanged();  
117.     }  
118.    
119.     /** 
120.      * //上拉加载更多 
121.      * PULLUP_LOAD_MORE=0; 
122.      * //正在加载中 
123.      * LOADING_MORE=1; 
124.      * //加载完成已经没有更多数据了 
125.      * NO_MORE_DATA=2; 
126.      * @param status 
127.      */  
128.     public void changeMoreStatus(int status){  
129.         load_more_status=status;  
130.         notifyDataSetChanged();  
131.     }  
132. }  

该Adaper中我还定义一个changeMoreStatus()方法和两个字符串常量可以来进行修改FootView中字符串提醒文本的。

7.整体Activity中还设置监听了RecyclerView的滚动事件, 代码和第一个例子差不多,不过RecyclerView需要设置这边的Adapter了,demo_recycler.setAdapter(adapter= new RefreshFootAdapter(this));

[java]  view plain  copy

 

1. demo_recycler.setOnScrollListener(new RecyclerView.OnScrollListener() {  
2.             @Override  
3.             public void onScrollStateChanged(RecyclerView recyclerView, int newState) {  
4.                super.onScrollStateChanged(recyclerView, newState);  
5.                 if (newState ==RecyclerView.SCROLL_STATE_IDLE && lastVisibleItem + 1 ==adapter.getItemCount()) {  
6.                    adapter.changeMoreStatus(RefreshFootAdapter.LOADING_MORE);   //设置正在加载更多显示状态
7.                     newHandler().postDelayed(new Runnable() {  
8.                         @Override  
9.                         public void run() {  
10.                             List<String> newDatas = new ArrayList<String>();  
11.                             for (int i = 0; i< 5; i++) {  
12.                                 int index = i +1;  
13.                                newDatas.add("more item" + index);  
14.                             }  
15.                            adapter.addMoreItem(newDatas);  
16.                            adapter.changeMoreStatus(RefreshFootAdapter.PULLUP_LOAD_MORE);  //重新设置上拉加载更多显示状态
17.                         }  
18.                     }, 2500);  
19.                 }  
20.             }  
21.             @Override  
22.             public void onScrolled(RecyclerView recyclerView, int dx, int dy) {  
23.                 super.onScrolled(recyclerView,dx, dy);  
24.                 lastVisibleItem =linearLayoutManager.findLastVisibleItemPosition();  
25.             }  
26.         });  

查看代码之后，大家肯定也发现在onScrollStateChanged()方法中,Adapter.addMoreItem()和Adapter.changeMoreStatus()方法内部都调用了notifyDataSetChanged()方法，也就是说这边刷新了两次，针对这个问题，大家可以把第二个方法放入到addMoreItem()内部去，调用一次刷新操作接口。同时也可以自己按照实际需求进行优化。

8.运行效果如下: