Android新控件RecyclerView浅析及上拉和下拉刷新

概述:

RecyclerView是android-support-v7-21版本中新增的一个Widgets,RecyclerView是ListView的升级版本,更加先进和灵活。在以后的开发中我们就可以直接使用RecyclerView来替换ListView。


特点介绍:

1. 可横向展示

2. 消除错位问题

3. 标准化了ViewHolder


横向:

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. private void initHorizaontal(List<ItemModel> models) {  
  2.         RecyclerView recyclerView = (RecyclerView) findViewById(R.id.activity_main_horizontal_recyclerview);  
  3.   
  4.         LinearLayoutManager layoutManager = new LinearLayoutManager(MainActivity.this);  
  5.         layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);  
  6.         recyclerView.setLayoutManager(layoutManager);  
  7.   
  8.         RecyclerViewAdapter adapter = new RecyclerViewAdapter(MainActivity.this, models);  
  9.         recyclerView.setAdapter(adapter);  
  10.     }  

竖向:

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. public void initVertical(List<ItemModel> models) {  
  2.         RecyclerView recyclerView = (RecyclerView) findViewById(R.id.activity_main_vertical_recyclerview);  
  3.   
  4.         LinearLayoutManager layoutManager = new LinearLayoutManager(MainActivity.this);  
  5.         layoutManager.setOrientation(LinearLayoutManager.VERTICAL);  
  6.         recyclerView.setLayoutManager(layoutManager);  
  7.   
  8.         RecyclerViewAdapter adapter = new RecyclerViewAdapter(MainActivity.this, models);  
  9.         recyclerView.setAdapter(adapter);  
  10.     }  

Adapter的变化:

Google在对RecyclerView的改进中还为我们解决了一个初学者比较头痛的问题:错位。

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. public class RecyclerViewAdapter extends RecyclerView.Adapter<ViewHolder> {  
  2.   
  3.     private List<ItemModel> mList = null;  
  4.       
  5.     private Context mContext = null;  
  6.       
  7.     private LayoutInflater mInflater = null;  
  8.       
  9.     public RecyclerViewAdapter(Context context, List<ItemModel> list) {  
  10.         mContext = context;  
  11.         mList = list;  
  12.         mInflater = LayoutInflater.from(mContext);  
  13.     }  
  14.       
  15.     @Override  
  16.     public int getItemCount() {  
  17.         if (mList != null) {  
  18.             return mList.size();  
  19.         }  
  20.         return 0;  
  21.     }  
  22.   
  23.     @Override  
  24.     public void onBindViewHolder(ViewHolder viewHolder, int position) {  
  25.         ((ItemViewHolder)viewHolder).mLabelTextView.setText(mList.get(position).getLabel());  
  26.     }  
  27.   
  28.     @Override  
  29.     public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int arg1) {  
  30.         View view = mInflater.inflate(R.layout.list_item, viewGroup, false);  
  31.         ItemViewHolder holder = new ItemViewHolder(view);  
  32.           
  33.         holder.mLabelTextView = (TextView) view.findViewById(R.id.list_item_textview);  
  34.           
  35.         return holder;  
  36.     }  
  37.   
  38.     public static class ItemViewHolder extends ViewHolder{  
  39.   
  40.         public ItemViewHolder(View itemView) {  
  41.             super(itemView);  
  42.         }  
  43.           
  44.         private TextView mLabelTextView = null;  
  45.     }  
  46. }  


上拉或下拉刷新:

对于下拉刷新,Android自身有一个控件SwipeRefreshLayout已经有所实现。我们把SwipeRefreshLayout包在RecyclerView的外面,然后再设置其绑定到一个OnRefreshListener上。


布局:

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <android.support.v4.widget.SwipeRefreshLayout  
  2.     xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     xmlns:tools="http://schemas.android.com/tools"  
  4.     android:id="@+id/swipe_refresh_widget"  
  5.     android:layout_width="match_parent"  
  6.     android:layout_height="match_parent" >  
  7.   
  8.     <android.support.v7.widget.RecyclerView  
  9.         android:id="@android:id/list"  
  10.         android:layout_width="match_parent"  
  11.         android:layout_height="match_parent"  
  12.         android:cacheColorHint="@null"  
  13.         android:scrollbars="vertical" />  
  14.   
  15. </android.support.v4.widget.SwipeRefreshLayout>  


监听:

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. @Override  
  2.     public void onRefresh() {  
  3.         handler.sendEmptyMessageDelayed(03000);  
  4.     }  

而对于上拉刷新,我们则是自定义一个FooterView和线程来进行的。

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. mRecyclerView.setOnScrollListener(new RecyclerView.OnScrollListener() {  
  2.   
  3.             @Override  
  4.             public void onScrollStateChanged(RecyclerView recyclerView,  
  5.                     int newState) {  
  6.                 super.onScrollStateChanged(recyclerView, newState);  
  7.                 if (newState == RecyclerView.SCROLL_STATE_IDLE && lastVisibleItem + 1 == adapter.getItemCount()) {  
  8.                     handler.sendEmptyMessageDelayed(13000);  
  9.                 }  
  10.             }  
  11.   
  12.             @Override  
  13.             public void onScrolled(RecyclerView recyclerView, int dx, int dy) {  
  14.                 super.onScrolled(recyclerView, dx, dy);  
  15.                 lastVisibleItem = mLayoutManager.findLastVisibleItemPosition();  
  16.             }  
  17.   
  18.         });  


相关源码下载:

RecyclerView初步使用

RecyclerView的上拉和下拉刷新

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值