使用PullToRefresh实现下拉刷新和上拉加载

来源:互联网 发布:mac风扇一直转 编辑:程序博客网 时间:2024/05/06 16:16






http://blog.csdn.net/ueryueryuery/article/details/17440465

http://blog.csdn.net/ueryueryuery/article/details/17440465

http://blog.csdn.net/ueryueryuery/article/details/17440465

http://blog.csdn.net/ueryueryuery/article/details/17440465





使用PullToRefresh实现下拉刷新和上拉加载

分类: Android 61258人阅读 评论(85) 收藏 举报
Android下拉刷新上拉加载PullToRefresh

PullToRefresh是一套实现非常好的下拉刷新库,它支持:

1.ListView

2.ExpandableListView

3.GridView

4.WebView

等多种常用的需要刷新的View类型,而且使用起来也十分方便。

(下载地址:https://github.com/chrisbanes/Android-PullToRefresh)


下载完成,将它导入到eclipse中,作为一个library导入到你的工程中就好了。


一、废话少说,下拉刷新go。

 1.在你的布局文件中加上你想用的View就好了,比如这儿我想用一个支持下拉 刷新的ExpandableListView

[html] view plaincopy在CODE上查看代码片派生到我的代码片
  1. <com.handmark.pulltorefresh.library.PullToRefreshExpandableListView  
  2.     android:id="@+id/expand_list"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent" />  

2. 在你的Activity代码中进行简单的设置:

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1. mExpandList = (PullToRefreshExpandableListView) rootView.findViewById(R.id.expand_list);  
  2. mExpandList.getRefreshableView().setGroupIndicator(null);  
  3. mExpandList.getRefreshableView().setDivider(null);  
  4. mExpandList.getRefreshableView().setSelector(android.R.color.transparent);  
  5. mExpandList.getRefreshableView().setOnGroupClickListener(this);  
  6. mExpandList.setOnRefreshListener(this);  

第一行是找到这个View,最后一行是为它加上刷新的监听器,中间的几行是我对ExpandableListView进行一些设置。

这样其实就已经可以下拉刷新了,但刷新时需要运行的代码写在哪呢,还有为什么下拉不会收起来呢,且往下看。


3.下拉刷新时执行的方法onRefresh()

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1. @Override  
  2. public void onRefresh(PullToRefreshBase<ExpandableListView> refreshView) {  
  3.     if (!isRefreshing) {  
  4.         isRefreshing = true;  
  5.         updateList(true);  
  6.     } else {  
  7.         mExpandList.onRefreshComplete();  
  8.     }  
  9. }  

一般来说我们会开另一个线程去获取数据,所以这儿会加上一个判断,如果已经在获取数据了,就onRefreshComplete(),就是将下拉收起;否则就去开新线程取数据,取完记得也要onRefreshComplete()哦!


二、上拉加载

如果你不想再费时间去自己写一个上拉加载,不妨试一下PullToRefresh自带的上拉效果哦!

PullToRefresh本身支持下拉刷新和上拉刷新,所以我们只需要将上拉刷新改成上拉加载就行了。


1.设置Mode

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1. // set mode to BOTH  
  2. mExpandList.setMode(Mode.BOTH);  
  3. mExpandList.getLoadingLayoutProxy(falsetrue).setPullLabel(getString(R.string.pull_to_load));  
  4. mExpandList.getLoadingLayoutProxy(falsetrue).setRefreshingLabel(getString(R.string.loading));  
  5. mExpandList.getLoadingLayoutProxy(falsetrue).setReleaseLabel(getString(R.string.release_to_load));  

Mode设置为Mode.BOTH后,下拉和上拉都会执行onRefresh()中的方法了。

因为界面上边,我们要显示“下拉刷新”,下边我们要显示“上拉加载”,所以后三行就是改变下边部分的文字,getLoadingLayoutProxy(false, true)方法大家可以自己感受一下。


2.怎么区分下拉/上拉

网上有的同学是用onScrollListener来判断,这样并不严谨,我依靠是header还是footer处于可见状态来区分下拉和上拉,如果是下拉,那header一定是可见的;反之,footer一定是可见的。

但是PullToRefreshExpandableListView并没有提供这样的接口,那我们就来小改一下我们引入的工程吧,很简单:

找到包“com.handmark.pulltorefresh.library”下的PullToRefreshAdapterViewBase.java这个类,加入两个新接口:

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1. public boolean isHeaderShown() {  
  2.     return getHeaderLayout().isShown();  
  3. }  
  4.   
  5. public boolean isFooterShown() {  
  6.     return getFooterLayout().isShown();  
  7. }  

这样就行了哦,重新编译一下这个工程,和你自己的工程。


在onRefresh()中这样来用:

[java] view plaincopy在CODE上查看代码片派生到我的代码片
  1. @Override  
  2. public void onRefresh(PullToRefreshBase<ExpandableListView> refreshView) {  
  3.     if (!isRefreshing) {  
  4.         isRefreshing = true;  
  5.         if (mExpandList.isHeaderShown()) {  
  6.             Utils.LOGD("pull-to-refresh");  
  7.             refreshOnlineStatus(true);  
  8.         } else if (mExpandList.isFooterShown()) {  
  9.             Utils.LOGD("pull-to-load-more");  
  10.             loadNextPage();  
  11.         }  
  12.     } else {  
  13.         mExpandList.onRefreshComplete();  
  14.     }  
  15. }  


很简单吧,这样我们就YD地使用PullToRefresh实现了下拉刷新和上拉加载,LOL,希望多多少少能帮到大家。


=================================================================

更新于2014-07-01

近来发现:

1.实现上拉监听,只需要实现OnRefreshListener2就可以了,同时别忘记setMode(Mode.BOTH) 哦!

2.PullToRefreshListView在使用上有一个BUG,在你的xml layout中,不能一开始将它的visiablity设置为GONE,否则,在代码中设置visiablity为VISIABLE也没有作用。





最后放上一张效果图





















转载于http://blog.csdn.net/mmjiajia132/article/details/40397813

PullToRefreshListView 用法和ListView 没有什么区别  listview能用的属性 pulltorefresh也能用

我一直认为动手是最好的学习方法...

一:首先看布局文件

 

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:orientation="vertical" >  
  6.       
  7.     <!--     ptr:ptrAnimationStyle="flip"  flip:翻转  rotate:旋转-->  
  8.     <!--     ptr:ptrShowIndicator="true"  右上角 右下角出现箭头-->  
  9.     <com.handmark.pulltorefresh.library.PullToRefreshListView  
  10.         xmlns:ptr="http://schemas.android.com/apk/res-auto"  
  11.         android:id="@+id/pullToRefresh"  
  12.         android:layout_width="match_parent"  
  13.         android:layout_height="wrap_content"  
  14.         ptr:ptrDrawable="@drawable/default_ptr_flip"   
  15.         ptr:ptrAnimationStyle="flip"  
  16.         ptr:ptrHeaderBackground="#383838"  
  17.         ptr:ptrHeaderTextColor="#FFFFFF"  
  18.         />  
  19.   
  20. </LinearLayout>  


ptr是pullToRefresh的配置属性 使用是需要添加 xmlns:ptr="http://schemas.android.com/apk/res-auto"

 

ptr:ptrDrawable=“” 上拉下拉图标
ptr:ptrAnimationStyle=""  图标动画  取值: flip:翻转 rotate旋转
ptr:ptrHeaderBackground=""  上拉下拉时 头部的背景色
ptr:ptrHeaderTextColor=""     上拉下拉时 文字颜色

还有一些常用属性

ptrRefreshableViewBackground 设置整个mPullRefreshListView的背景色

 

ptrScrollingWhileRefreshingEnabled刷新的时候,是否允许ListView或GridView滚动。觉得为true比较好。

ptrListViewExtrasEnabled 决定了Header,Footer以何种方式加入mPullRefreshListView,true为headView方式加入,就是滚动时刷新头部会一起滚动。

注:上述属性都可以代码添加,请用pullToRefresh.set查看

二:MainActivity代码

 

  1. public class MainActivity extends ActionBarActivity {  
  2.       
  3.     private PullToRefreshListView pullToRefresh;  
  4.     private List<PullBean> data = new ArrayList<PullBean>();  
  5.     MyAdapter adapter;  
  6.     @Override  
  7.     protected void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.         pullToRefresh = (PullToRefreshListView) findViewById(R.id.pullToRefresh);  
  11.         data = getData();  
  12.         adapter = new MyAdapter(this);  
  13.         pullToRefresh.setAdapter(adapter);  
  14.         /* 
  15.          * Mode.BOTH:同时支持上拉下拉 
  16.          * Mode.PULL_FROM_START:只支持下拉Pulling Down 
  17.          * Mode.PULL_FROM_END:只支持上拉Pulling Up 
  18.          */  
  19.         /* 
  20.          * 如果Mode设置成Mode.BOTH,需要设置刷新Listener为OnRefreshListener2,并实现onPullDownToRefresh()、onPullUpToRefresh()两个方法。  
  21.          * 如果Mode设置成Mode.PULL_FROM_START或Mode.PULL_FROM_END,需要设置刷新Listener为OnRefreshListener,同时实现onRefresh()方法。 
  22.          * 当然也可以设置为OnRefreshListener2,但是Mode.PULL_FROM_START的时候只调用onPullDownToRefresh()方法, 
  23.          * Mode.PULL_FROM的时候只调用onPullUpToRefresh()方法.  
  24.          */  
  25.         pullToRefresh.setMode(Mode.BOTH);  
  26.         init();  
  27.           
  28.         /* 
  29.          * setOnRefreshListener(OnRefreshListener listener):设置刷新监听器; 
  30.          * setOnLastItemVisibleListener(OnLastItemVisibleListener listener):设置是否到底部监听器; 
  31.          * setOnPullEventListener(OnPullEventListener listener);设置事件监听器; 
  32.          * onRefreshComplete():设置刷新完成 
  33.          */  
  34.         /* 
  35.          * pulltorefresh.setOnScrollListener() 
  36.          */  
  37.         // SCROLL_STATE_TOUCH_SCROLL(1) 正在滚动      
  38.         // SCROLL_STATE_FLING(2) 手指做了抛的动作(手指离开屏幕前,用力滑了一下)      
  39.         // SCROLL_STATE_IDLE(0) 停止滚动         
  40.         /* 
  41.          * setOnLastItemVisibleListener 
  42.          * 当用户拉到底时调用   
  43.          */  
  44.         /* 
  45.          * setOnTouchListener是监控从点下鼠标 (可能拖动鼠标)到放开鼠标(鼠标可以换成手指)的整个过程 ,他的回调函数是onTouchEvent(MotionEvent event), 
  46.          * 然后通过判断event.getAction()是MotionEvent.ACTION_UP还是ACTION_DOWN还是ACTION_MOVE分别作不同行为。 
  47.          * setOnClickListener的监控时间只监控到手指ACTION_DOWN时发生的行为 
  48.          */  
  49.         pullToRefresh.setOnRefreshListener(new OnRefreshListener2<ListView>(){  
  50.             @Override  
  51.             public void onPullDownToRefresh(  
  52.                     PullToRefreshBase<ListView> refreshView) {  
  53.                 // TODO Auto-generated method stub  
  54.                  PullBean bean = new PullBean();  
  55.                  bean.setTitle("下拉刷新");  
  56.                  bean.setContent("我的神");  
  57.                  adapter.addFirst(bean);  
  58.                  new FinishRefresh().execute();  
  59.                  adapter.notifyDataSetChanged();  
  60.             }  
  61.               
  62.             @Override  
  63.             public void onPullUpToRefresh(  
  64.                     PullToRefreshBase<ListView> refreshView) {  
  65.                 // TODO Auto-generated method stub  
  66.                 PullBean bean = new PullBean();  
  67.                 bean.setTitle("上拉刷新");  
  68.                 bean.setContent("我的神");  
  69.                 adapter.addLast(bean);  
  70.                 new FinishRefresh().execute();  
  71.                 adapter.notifyDataSetChanged();  
  72.             }  
  73.         });  
  74.           
  75.       
  76. //      pullToRefresh.setOnRefreshListener(new OnRefreshListener<ListView>() {  
  77. //  
  78. //          @Override  
  79. //          public void onRefresh(PullToRefreshBase<ListView> refreshView) {  
  80. //              // TODO Auto-generated method stub  
  81. //              String label = DateUtils.formatDateTime(getApplicationContext(), System.currentTimeMillis(),    
  82. //                        DateUtils.FORMAT_SHOW_TIME | DateUtils.FORMAT_SHOW_DATE | DateUtils.FORMAT_ABBREV_ALL);    
  83. //    
  84. //                // Update the LastUpdatedLabel    
  85. //                refreshView.getLoadingLayoutProxy().setLastUpdatedLabel(label);  
  86. //                PullBean bean = new PullBean();  
  87. //                bean.setTitle("我的神");  
  88. //                bean.setContent("我的神");  
  89. //                adapter.addFirst(bean);  
  90. //                new FinishRefresh().execute();  
  91. //          }  
  92. //            
  93. //      });  
  94.     }  
  95.       
  96.     private void init()    
  97.     {    
  98.         ILoadingLayout startLabels = pullToRefresh    
  99.                 .getLoadingLayoutProxy(true, false);    
  100.         startLabels.setPullLabel("下拉刷新...");// 刚下拉时,显示的提示    
  101.         startLabels.setRefreshingLabel("正在载入...");// 刷新时    
  102.         startLabels.setReleaseLabel("放开刷新...");// 下来达到一定距离时,显示的提示    
  103.     
  104.         ILoadingLayout endLabels = pullToRefresh.getLoadingLayoutProxy(    
  105.                 false, true);    
  106.         endLabels.setPullLabel("上拉刷新...");// 刚下拉时,显示的提示    
  107.         endLabels.setRefreshingLabel("正在载入...");// 刷新时    
  108.         endLabels.setReleaseLabel("放开刷新...");// 下来达到一定距离时,显示的提示    
  109.           
  110. //      // 设置下拉刷新文本  
  111. //      pullToRefresh.getLoadingLayoutProxy(false, true)  
  112. //              .setPullLabel("上拉刷新...");  
  113. //      pullToRefresh.getLoadingLayoutProxy(false, true).setReleaseLabel(  
  114. //              "放开刷新...");  
  115. //      pullToRefresh.getLoadingLayoutProxy(false, true).setRefreshingLabel(  
  116. //              "正在加载...");  
  117. //      // 设置上拉刷新文本  
  118. //      pullToRefresh.getLoadingLayoutProxy(true, false)  
  119. //              .setPullLabel("下拉刷新...");  
  120. //      pullToRefresh.getLoadingLayoutProxy(true, false).setReleaseLabel(  
  121. //              "放开刷新...");  
  122. //      pullToRefresh.getLoadingLayoutProxy(true, false).setRefreshingLabel(  
  123. //              "正在加载...");  
  124.     }    
  125.       
  126.     private List<PullBean> getData(){  
  127.         List<PullBean> list = new ArrayList<PullBean>();  
  128.         for(int i = 0;i < 10;i ++){  
  129.             PullBean bean = new PullBean();  
  130.             bean.setTitle("item " + i + " 搜索业务增速下滑 Google廉颇老矣?");  
  131.             bean.setContent("Google于10月17日发布了2014年第三季度财报");  
  132.             list.add(bean);  
  133.         }  
  134.           
  135.         return list;  
  136.     }  
  137.       
  138.     private class FinishRefresh extends AsyncTask<Void, Void, Void>{    
  139.         @Override    
  140.         protected Void doInBackground(Void... params) {    
  141.              try {    
  142.                  Thread.sleep(1000);    
  143.              } catch (InterruptedException e) {    
  144.              }    
  145.             return null;    
  146.         }    
  147.      
  148.         @Override    
  149.         protected void onPostExecute(Void result){    
  150. //          adapter.notifyDataSetChanged();  
  151.             pullToRefresh.onRefreshComplete();    
  152.         }    
  153.     }    
  154.       
  155.     private class MyAdapter extends BaseAdapter{  
  156.         private LayoutInflater mInflater;  
  157.           
  158.         public MyAdapter(Context context) {  
  159.             // TODO Auto-generated constructor stub  
  160.             mInflater = LayoutInflater.from(context);  
  161.         }  
  162.           
  163.         public void addFirst(PullBean bean){  
  164.             data.add(0, bean);  
  165.         }  
  166.           
  167.         public void addLast(PullBean bean){  
  168.             data.add(bean);  
  169.         }  
  170.           
  171.         @Override  
  172.         public int getCount() {  
  173.             // TODO Auto-generated method stub  
  174.             return data.size();  
  175.         }  
  176.           
  177.         @Override  
  178.         public Object getItem(int position) {  
  179.             // TODO Auto-generated method stub  
  180.             return data.get(position);  
  181.         }  
  182.           
  183.         @Override  
  184.         public long getItemId(int position) {  
  185.             // TODO Auto-generated method stub  
  186.             return 0;  
  187.         }  
  188.           
  189.         @Override  
  190.         public View getView(int position, View convertView, ViewGroup parent) {  
  191.             // TODO Auto-generated method stub  
  192.             ViewHolder viewHolder = null;  
  193.             if(convertView == null){  
  194.                 viewHolder = new ViewHolder();  
  195.                 convertView = mInflater.inflate(R.layout.item, null);  
  196.                 viewHolder.title = (TextView) convertView.findViewById(R.id.title);  
  197.                 viewHolder.content = (TextView) convertView.findViewById(R.id.content);  
  198.                   
  199.                 convertView.setTag(viewHolder);  
  200.             }else{  
  201.                 viewHolder = (ViewHolder) convertView.getTag();  
  202.             }  
  203.               
  204.             viewHolder.title.setText(data.get(position).getTitle());  
  205.             viewHolder.content.setText(data.get(position).getContent());  
  206.               
  207.             return convertView;  
  208.         }  
  209.           
  210.         class ViewHolder{  
  211.             TextView title;  
  212.             TextView content;  
  213.         }  
  214.     }  
  215.   
  216.       
  217.   
  218. }  


pullToRefresh适配器Adapter和listview也是继承于BaseAdapter 看一下item的布局

 

item.xml

 

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:padding="5dp"  
  6.     android:orientation="vertical" >  
  7.       
  8.     <TextView  
  9.         android:id="@+id/title"  
  10.         android:layout_width="wrap_content"  
  11.         android:layout_height="wrap_content"  
  12.         android:textSize="18sp"  
  13.         android:textColor="#BA55D3"  
  14.         android:text="我的神"/>  
  15.       
  16.     <TextView   
  17.         android:id="@+id/content"  
  18.         android:layout_width="wrap_content"  
  19.         android:layout_height="wrap_content"  
  20.         android:textSize="14.0sp"  
  21.         android:layout_marginTop="5dp"  
  22.         android:textColor="#7CFC00"  
  23.         android:text="我的神"/>  
  24. </LinearLayout>  


pullToRefresh 通过setMode来设置是否可以上拉下拉

 

Mode.BOTH:同时支持上拉下拉

Mode.PULL_FROM_START:只支持下拉Pulling Down

Mode.PULL_FROM_END:只支持上拉Pulling Up

也可以用 ptr:ptrMode="both"

可选值为:disabled(禁用下拉刷新),pullFromStart(仅支持下拉刷新),pullFromEnd(仅支持上拉刷新),both(二者都支持),manualOnly(只允许手动触发)

如果Mode设置成Mode.BOTH,需要设置刷新Listener为OnRefreshListener2,并实现onPullDownToRefresh()、onPullUpToRefresh()两个方法。 

如果Mode设置成Mode.PULL_FROM_START或Mode.PULL_FROM_END,需要设置刷新Listener为OnRefreshListener,同时实现onRefresh()方法。

当然也可以设置为OnRefreshListener2,但是Mode.PULL_FROM_START的时候只调用onPullDownToRefresh()方法,Mode.PULL_FROM的时候只调用onPullUpToRefresh()方法.

如果想上拉、下拉刷新的时候 做一样的操作,那就用OnRefreshListener,上拉下拉的时候都调用

如果想上拉、下拉做不一样的的操作,那就在setOnRefreshListener时 用new OnRefreshListener2<ListView>

当然如果想自己设置上拉下拉中的文字 可以这样

 

  1. ILoadingLayout startLabels = pullToRefresh    
  2.          .getLoadingLayoutProxy(true, false);    
  3.  startLabels.setPullLabel("下拉刷新...");// 刚下拉时,显示的提示    
  4.  startLabels.setRefreshingLabel("正在载入...");// 刷新时    
  5.  startLabels.setReleaseLabel("放开刷新...");// 下来达到一定距离时,显示的提示    
  6.   
  7.  ILoadingLayout endLabels = pullToRefresh.getLoadingLayoutProxy(    
  8.          false, true);    
  9.  endLabels.setPullLabel("上拉刷新...");// 刚下拉时,显示的提示    
  10.  endLabels.setRefreshingLabel("正在载入...");// 刷新时    
  11.  endLabels.setReleaseLabel("放开刷新...");// 下来达到一定距离时,显示的提示    

 

当然也可以这样

 

  1.              pullToRefresh.getLoadingLayoutProxy(false, true)  
  2.         .setPullLabel("上拉刷新...");  
  3. pullToRefresh.getLoadingLayoutProxy(false, true).setReleaseLabel(  
  4.         "放开刷新...");  
  5. pullToRefresh.getLoadingLayoutProxy(false, true).setRefreshingLabel(  
  6.         "正在加载...");  
  7. // 设置上拉刷新文本  
  8. pullToRefresh.getLoadingLayoutProxy(true, false)  
  9.         .setPullLabel("下拉刷新...");  
  10. pullToRefresh.getLoadingLayoutProxy(true, false).setReleaseLabel(  
  11.         "放开刷新...");  
  12. pullToRefresh.getLoadingLayoutProxy(true, false).setRefreshingLabel(  
  13.         "正在加载...");  

 

 

显然在实际操作的时候也会用到其他监听

 setOnScrollListener()

 SCROLL_STATE_TOUCH_SCROLL 正在滚动    
 SCROLL_STATE_FLING 手指做了抛的动作(手指离开屏幕前,用力滑了一下)    
 SCROLL_STATE_IDLE 停止滚动     

setOnLastItemVisibleListener

当用户拉到底时调用  

setOnItemClickListener()

为pullToRefresh中每一个item设置事件

代码下载:点击下载代码

下拉上拉 图标和文字 位置改动是在PullToRefresh源代码中改的即:PullToRefreshListView.handleStyledAttributes 中lp的Gravity改为CENTER_VERTICAL

如果想要改动图标和文字的距离和布局 在这library项目下这两个文件改

pull_to_refresh_header_horizontal.xml

pull_to_refresh_header_vertical.xml

参考博客:

http://blog.csdn.net/lmj623565791/article/details/38238749

http://blog.csdn.net/harvic880925/article/details/17680305

谢谢原作者

持续更新ing MMjiajia132











、、、、、、、、、、、、、、、、、

、、、、、、、、、、、、、、、、、

、、、、、、、、、、、、、、、、、






国外源码精品-Android-PullToRefresh 简介与DEMO导入

分类: 5、andriod开发 7818人阅读 评论(3) 收藏 举报

目录(?)[+]

转载地址:http://my.oschina.net/cuitongliang/blog/170708 (一)&&http://my.oschina.net/cuitongliang/blog/170737 (二)

PLEASE NOTE, THIS PROJECT IS NO LONGER BEING MAINTAINED

一、介绍

Pull To Refresh Views for Android

This project aims to provide a reusable Pull to Refresh widget for Android. It was originally based on Johan Nilsson's library (mainly for graphics, strings and animations), but these have been replaced since.

Features

  • Supports both Pulling Down from the top, and Pulling Up from the bottom (or even both).
  • Animated Scrolling for all devices.
  • Over Scroll supports for devices on Android v2.3+.
  • Currently works with:
    • ListView
    • ExpandableListView
    • GridView
    • WebView
    • ScrollView
    • HorizontalScrollView
    • ViewPager
  • Integrated End of List Listener for use of detecting when the user has scrolled to the bottom.
  • Maven Support.
  • Indicators to show the user when a Pull-to-Refresh is available.
  • Support for ListFragment!
  • Lots of Customisation options!

Repository at https://github.com/chrisbanes/Android-PullToRefresh.

附源码截图:

ListView                                                                              ExpandableListView

                        

GridView                                                                                 WebView

                      

ScrollView                                                                        Horizontal ScrollView

                                      

ViewPager                                                                   ListView Fragment

                                    

WebView Advanced                                      ListView in ViewPager

                                   

 二、DEMO导入

 

很多人看到有好源码,但是在使用时碰到了问题。在此简单介绍一下,希望能够对那些不会的童鞋们有所帮助。

       首先下载源码,源码地址:https://github.com/chrisbanes/Android-PullToRefresh。
下载完源码之后,解压。在Android-PullToRefresh-master文件夹下,我们会看到还有三个文件夹:extras,
library,sample。其中sample就是作者为我们提供的Demo,library是我们在使用Sample必须用到的jar。extras中是使用ListFragment和ViewPage用到的jar。讲解完目录后现在开始导入了。

       1. 导入library:导入很简单,如图,点击finish即可。

导入之后没有问题。OK! 

     2. 同样导入extras中的PullToRefreshListFragment和PullToRefreshViewPager工程。切记:分别导入。
        如图:

导入之后,你会发现工程报错了,很简单,没有关联libraray。右键工程--选择Properties,打开之后会发现有个红色的X,这就是报错的原因。改了就可以。

选中红色的报错的library,点击Remove,再点击Add,将Libarary添加上即可!如图:

 

 同理将PullToRefreshViewPager工程的library也修改好。

 

3. 导入Sample工程,同时修改library。如图:

 

至此,工程全部导入,错误全部解决。          

运行一下,看是否能够正常运行到手机上。接下来就可以慢慢研究着精品源码吧!

感谢原作者详细的讲解,解决了我的问题!

三、DEMO导入出现问题及解决

一、运行报错:Unable to execute dex: Multiple dex files define Lcom/my/cop/miles/R$anim

导致原因:

1、在ADT编译器和SDK的工具有差异或是版本不一致时常会出现

2、引用的两个子项目有相同的包名也会导致这个问题(引用多余的jar包,包出现冲突)

解决方案:

  Eclipse ——> Project ——> 去掉自动构建(Build Automatically)——> 选择project中的clear ——> 选择project中的Build Project ——>启动自动构建(Build Automatically)






PullToRefresh基本用法:
1、在布局文件中添加PullToRefresh控件,比如PullToRefreshListView;
2、在Activity中,设置监听器OnRefreshListener以响应用户下拉操作;
3、在监听器的onRefresh()方法中执行数据刷新操作,可以通过AsyncTask来实现;
4、在AsyncTask中获取到数据后,记得调用onRefreshComplete()方法通知PullToRefresh控件数据已获取完毕,可以结束刷新操作。
















0 0