Android-PullToRefresh下拉刷新,上拉加载



在Android开发中下拉刷新,上拉加载这个功能是一般商业应用的App中必不可少的一个功能效果。但是对于新手来说,自定义下拉刷新的ListView可能还是会遇到很多的问题。而对于要快速开发的公司来说,可能时间又比较紧张。那么这时候我们就要用到一个开源控件Android-PullToRefresh了。这个开源控件是一款非常优秀的开源控件,可以直接从Github上下载下来直接使用。下载链接地址:https://github.com/chrisbanes/Android-PullToRefresh

使用步骤:

       1.进入github上下载PullToRefresh的开源代码和引用包,如下图

                        

          2.下载下来解压后,我们会发现里面有extras,library,sample这三个包。这三个包中,我们主要用到的是library这个包。将libarary这个包导入我们的eclipse中,导入后右击该工程找到Properties后点击进入,讲依赖选项勾上用于我们开发工程去使用。如下图:

                        

          3.然后,在你要开发的工程中已同样的方式进入,点击Add进行库的依赖。如下图:

                        

做完以上步骤后,我们就可以在项目中使用这个控件了。

在使用之前,我们首先来了解下这个控件里面的一些基本属性:

          1.ptr是pullToRefresh的配置属性中添加 xmlns:ptr="http://schemas.android.com/apk/res-auto"。

          2.ptr:ptrDrawable="";//这里可以设置自己的上拉下拉图标。

          3.ptr:ptrHeaderBackground="";//上拉时底部的背景色,下拉时头部的背景色

          4.ptr:ptrHeaderTextColor="";//上拉,下拉时Header,Footer显示的字体颜色

          5.ptr:ptrHeaderSubTextColor="";//上拉,下拉Header,Footer中上次刷新时间的颜色

          6.ptr:ptrShowIndicator="";//true时会在控件的右上角和右下角出现设置的icon

          7.ptr:ptrAnimationStyle="";//显示时候图标的取值 ;flip:翻转;rotate:旋转

          8.ptr:ptrRotateDrawableWhilePulling="";//当动画为rotate时,下拉是否旋转

          9.ptr:ptrRefreshableViewBackground="";//设置整个控件布局的背景颜色

          10.ptr:ptrScrollingWhileRefreshingEnabled="";//刷新的时候是否允许ListView或者GridView滚动。推荐使用true

          11.ptr:prtListViewExtrasEnabled="";//决定Header,Footer以何种方式加入PullToRefreshListView.其中为true时,就是以Header的方式加入,在滚动刷新时头部会跟着一起滚动;为false时,就是以Footer的方式加入,在滚动的时候底部会跟着一起滚动。

          12.ptr:ptrMode="";//设置是上拉,下拉还是两者都支持.both:两者都支持;disabled:禁用下拉刷新;pullFromStart:仅支持下拉刷新;pullFromEnd:仅支持上拉刷新;manualOnly:只允许手动触发。(注意:如果不在代码设置它默认的就只有下拉刷新)

以上只是一些基本属性:一般你用的什么控件它都包含原有控件的所有属性,如你使用的是PullToRefreshListView那么它里面同样包含ListView的一些属性。同样上面的属性你都可以在代码中去set***使用。


1.下面我们简单的来实现ListView的下拉刷新,直接上代码:

布局文件:        

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     tools:context="com.richardli.pulltorefreshdemo.ListViewActivity" >  
  6.   
  7.     <com.handmark.pulltorefresh.library.PullToRefreshListView  
  8.         xmlns:ptr="http://schemas.android.com/apk/res-auto"  
  9.         android:id="@+id/pull_refresh_list"  
  10.         android:layout_width="match_parent"  
  11.         android:layout_height="match_parent"  
  12.         android:cacheColorHint="#00000000"  
  13.         android:divider="#50000000"  
  14.         android:dividerHeight="2dp"  
  15.         android:smoothScrollbar="true" >  
  16.     </com.handmark.pulltorefresh.library.PullToRefreshListView>  
  17.   
  18. </RelativeLayout>  
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.richardli.pulltorefreshdemo.ListViewActivity" >

    <com.handmark.pulltorefresh.library.PullToRefreshListView
        xmlns:ptr="http://schemas.android.com/apk/res-auto"
        android:id="@+id/pull_refresh_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:cacheColorHint="#00000000"
        android:divider="#50000000"
        android:dividerHeight="2dp"
        android:smoothScrollbar="true" >
    </com.handmark.pulltorefresh.library.PullToRefreshListView>

</RelativeLayout>


Activity代码:

  1. package com.richardli.pulltorefreshdemo;  
  2.   
  3. import java.util.ArrayList;  
  4. import java.util.List;  
  5.   
  6. import com.handmark.pulltorefresh.library.PullToRefreshBase;  
  7. import com.handmark.pulltorefresh.library.PullToRefreshBase.OnRefreshListener;  
  8. import com.handmark.pulltorefresh.library.PullToRefreshListView;  
  9.   
  10. import android.app.Activity;  
  11. import android.os.AsyncTask;  
  12. import android.os.Bundle;  
  13. import android.widget.ArrayAdapter;  
  14. import android.widget.ListView;  
  15.   
  16. public class ListViewActivity extends Activity {  
  17.   
  18.     private PullToRefreshListView pullToListView;  
  19.     private ArrayAdapter<String> mAdapter;  
  20.     private List<String> dataList;  
  21.     private int dataCount = 10;  
  22.   
  23.     @Override  
  24.     protected void onCreate(Bundle savedInstanceState) {  
  25.         super.onCreate(savedInstanceState);  
  26.         setContentView(R.layout.activity_list_view);  
  27.   
  28.         initView();  
  29.     }  
  30.   
  31.     private void initView() {  
  32.         pullToListView = (PullToRefreshListView) findViewById(R.id.pull_refresh_list);  
  33.         initData();  
  34.         mAdapter = new ArrayAdapter<String>(this,  
  35.                 android.R.layout.simple_list_item_1, dataList);  
  36.         pullToListView.setAdapter(mAdapter);  
  37.   
  38.         pullToListView.setOnRefreshListener(new OnRefreshListener<ListView>() {  
  39.   
  40.             @Override  
  41.             public void onRefresh(PullToRefreshBase<ListView> refreshView) {  
  42.                 new GetListDataTask().execute();  
  43.             }  
  44.   
  45.         });  
  46.   
  47.     }  
  48.   
  49.     /** 
  50.      * 初始化数据 
  51.      */  
  52.     private void initData() {  
  53.         dataList = new ArrayList<>();  
  54.         for (int i = 0; i < dataCount; i++) {  
  55.             dataList.add("richardli" + i + "\t号");  
  56.         }  
  57.     }  
  58.   
  59.     /** 
  60.      * 模拟向服务器获取数据 
  61.      *  
  62.      * @author richard 
  63.      *  
  64.      */  
  65.     private class GetListDataTask extends AsyncTask<Void, Void, String> {  
  66.   
  67.         @Override  
  68.         protected String doInBackground(Void... params) {  
  69.             try {  
  70.                 Thread.sleep(2000);  
  71.             } catch (InterruptedException e) {  
  72.             }  
  73.             return "" + (dataCount + "这是刷新后的数据");  
  74.         }  
  75.   
  76.         @Override  
  77.         protected void onPostExecute(String result) {  
  78.             dataList.add(result);  
  79.             mAdapter.notifyDataSetChanged();  
  80.             pullToListView.onRefreshComplete();  
  81.         }  
  82.     }  
  83.   
  84. }  
package com.richardli.pulltorefreshdemo;

import java.util.ArrayList;
import java.util.List;

import com.handmark.pulltorefresh.library.PullToRefreshBase;
import com.handmark.pulltorefresh.library.PullToRefreshBase.OnRefreshListener;
import com.handmark.pulltorefresh.library.PullToRefreshListView;

import android.app.Activity;
import android.os.AsyncTask;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class ListViewActivity extends Activity {

	private PullToRefreshListView pullToListView;
	private ArrayAdapter<String> mAdapter;
	private List<String> dataList;
	private int dataCount = 10;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_list_view);

		initView();
	}

	private void initView() {
		pullToListView = (PullToRefreshListView) findViewById(R.id.pull_refresh_list);
		initData();
		mAdapter = new ArrayAdapter<String>(this,
				android.R.layout.simple_list_item_1, dataList);
		pullToListView.setAdapter(mAdapter);

		pullToListView.setOnRefreshListener(new OnRefreshListener<ListView>() {

			@Override
			public void onRefresh(PullToRefreshBase<ListView> refreshView) {
				new GetListDataTask().execute();
			}

		});

	}

	/**
	 * 初始化数据
	 */
	private void initData() {
		dataList = new ArrayList<>();
		for (int i = 0; i < dataCount; i++) {
			dataList.add("richardli" + i + "\t号");
		}
	}

	/**
	 * 模拟向服务器获取数据
	 * 
	 * @author richard
	 * 
	 */
	private class GetListDataTask extends AsyncTask<Void, Void, String> {

		@Override
		protected String doInBackground(Void... params) {
			try {
				Thread.sleep(2000);
			} catch (InterruptedException e) {
			}
			return "" + (dataCount + "这是刷新后的数据");
		}

		@Override
		protected void onPostExecute(String result) {
			dataList.add(result);
			mAdapter.notifyDataSetChanged();
			pullToListView.onRefreshComplete();
		}
	}

}
由于不太会做Gif动态图,只能贴图片了大哭大哭大哭,如果有简单并且效果好的工具可以在底下留言告诉博主,所有底下贴的效果图请见谅。

    

这只是一个简单的下拉刷新,没有设置什么属性,只是简单的实现了一个下拉刷新的监听回调setOnRefreshListener(new OnRefreshListener<?>){}

其中OnRefreshListener<>中放入的是你想实现的原本的控件,这里是用PullToRefreshListView,所以?这里设置的是ListView。


2.既然下拉刷新这么简单的实现了,那么上拉加载呢!无非不就是设置ptr:ptrMode="both"? 但是设置了支持上拉和下拉后,那么只有一个OnRefreshListener,我们如何区分上拉下拉呢!在以前很多前辈里面都是写了各种判断来区分上拉和下拉,但其实这款开源控件中已经给我们留了区分二者的接口。setOnRefreshListener(new OnRefreshListener2<?>){}.这个接口中的onPullDownToRefresh(),onPullToRefresh()2个方法已经为我们提供了我们想要的。我们修改下代码:


布局文件.xml

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     tools:context="com.richardli.pulltorefreshdemo.ListViewActivity" >  
  6.   
  7.     <com.handmark.pulltorefresh.library.PullToRefreshListView  
  8.         xmlns:ptr="http://schemas.android.com/apk/res-auto"  
  9.         android:id="@+id/pull_refresh_list"  
  10.         android:layout_width="match_parent"  
  11.         android:layout_height="match_parent"  
  12.         android:cacheColorHint="#00000000"  
  13.         android:divider="#50000000"  
  14.         android:dividerHeight="2dp"  
  15.         android:smoothScrollbar="true"  
  16.         ptr:ptrMode="both" >  
  17.     </com.handmark.pulltorefresh.library.PullToRefreshListView>  
  18.   
  19. </RelativeLayout>  
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.richardli.pulltorefreshdemo.ListViewActivity" >

    <com.handmark.pulltorefresh.library.PullToRefreshListView
        xmlns:ptr="http://schemas.android.com/apk/res-auto"
        android:id="@+id/pull_refresh_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:cacheColorHint="#00000000"
        android:divider="#50000000"
        android:dividerHeight="2dp"
        android:smoothScrollbar="true"
        ptr:ptrMode="both" >
    </com.handmark.pulltorefresh.library.PullToRefreshListView>

</RelativeLayout>

Activity代码:

  1. package com.richardli.pulltorefreshdemo;  
  2.   
  3. import java.util.ArrayList;  
  4. import java.util.List;  
  5.   
  6. import android.app.Activity;  
  7. import android.os.Bundle;  
  8. import android.os.Handler;  
  9. import android.os.Message;  
  10. import android.widget.ArrayAdapter;  
  11. import android.widget.ListView;  
  12.   
  13. import com.handmark.pulltorefresh.library.PullToRefreshBase;  
  14. import com.handmark.pulltorefresh.library.PullToRefreshBase.OnRefreshListener2;  
  15. import com.handmark.pulltorefresh.library.PullToRefreshListView;  
  16.   
  17. public class ListViewActivity extends Activity {  
  18.   
  19.     private PullToRefreshListView pullToListView;  
  20.     private ArrayAdapter<String> mAdapter;  
  21.     private List<String> dataList;  
  22.   
  23.     Handler mHandler = new Handler() {  
  24.         @Override  
  25.         public void handleMessage(Message msg) {  
  26.             super.handleMessage(msg);  
  27.             mAdapter.notifyDataSetChanged();  
  28.             pullToListView.onRefreshComplete();  
  29.         }  
  30.     };  
  31.   
  32.     @Override  
  33.     protected void onCreate(Bundle savedInstanceState) {  
  34.         super.onCreate(savedInstanceState);  
  35.         setContentView(R.layout.activity_list_view);  
  36.   
  37.         initView();  
  38.     }  
  39.   
  40.     private void initView() {  
  41.         pullToListView = (PullToRefreshListView) findViewById(R.id.pull_refresh_list);  
  42.         initData();  
  43.         mAdapter = new ArrayAdapter<String>(this,  
  44.                 android.R.layout.simple_list_item_1, dataList);  
  45.         pullToListView.setAdapter(mAdapter);  
  46.   
  47.         pullToListView.setOnRefreshListener(new OnRefreshListener2<ListView>() {  
  48.   
  49.             @Override  
  50.             public void onPullDownToRefresh(  
  51.                     PullToRefreshBase<ListView> refreshView) {  
  52.                 pullDownToRefresh();  
  53.             }  
  54.   
  55.             @Override  
  56.             public void onPullUpToRefresh(  
  57.                     PullToRefreshBase<ListView> refreshView) {  
  58.                 pullUpToRefresh();  
  59.             }  
  60.   
  61.         });  
  62.   
  63.     }  
  64.   
  65.     /** 
  66.      * 下拉刷新 
  67.      */  
  68.     private void pullDownToRefresh() {  
  69.         new Thread(new Runnable() {  
  70.   
  71.             @Override  
  72.             public void run() {  
  73.                 try {  
  74.                     Thread.sleep(1000);  
  75.                     dataList.clear();  
  76.                     for (int i = 0; i < 5; i++) {  
  77.                         dataList.add("下拉刷新后的数据" + i + "\t号");  
  78.                     }  
  79.                 } catch (InterruptedException e) {  
  80.                     e.printStackTrace();  
  81.                 }  
  82.                 mHandler.sendEmptyMessage(0);  
  83.             }  
  84.         }).start();  
  85.     }  
  86.   
  87.     /** 
  88.      * 上拉加载 
  89.      */  
  90.     private void pullUpToRefresh() {  
  91.         new Thread(new Runnable() {  
  92.   
  93.             @Override  
  94.             public void run() {  
  95.                 try {  
  96.                     Thread.sleep(1000);  
  97.                     for (int i = 0; i < 5; i++) {  
  98.                         dataList.add("上拉加载后的数据" + i + "\t号");  
  99.                     }  
  100.                 } catch (InterruptedException e) {  
  101.                     e.printStackTrace();  
  102.                 }  
  103.                 mHandler.sendEmptyMessage(0);  
  104.             }  
  105.         }).start();  
  106.     }  
  107.   
  108.     /** 
  109.      * 初始化数据 
  110.      */  
  111.     private void initData() {  
  112.         dataList = new ArrayList<>();  
  113.         for (int i = 0; i < 5; i++) {  
  114.             dataList.add("richardli" + i + "\t号");  
  115.         }  
  116.     }  
  117. }  
package com.richardli.pulltorefreshdemo;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.widget.ArrayAdapter;
import android.widget.ListView;

import com.handmark.pulltorefresh.library.PullToRefreshBase;
import com.handmark.pulltorefresh.library.PullToRefreshBase.OnRefreshListener2;
import com.handmark.pulltorefresh.library.PullToRefreshListView;

public class ListViewActivity extends Activity {

	private PullToRefreshListView pullToListView;
	private ArrayAdapter<String> mAdapter;
	private List<String> dataList;

	Handler mHandler = new Handler() {
		@Override
		public void handleMessage(Message msg) {
			super.handleMessage(msg);
			mAdapter.notifyDataSetChanged();
			pullToListView.onRefreshComplete();
		}
	};

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_list_view);

		initView();
	}

	private void initView() {
		pullToListView = (PullToRefreshListView) findViewById(R.id.pull_refresh_list);
		initData();
		mAdapter = new ArrayAdapter<String>(this,
				android.R.layout.simple_list_item_1, dataList);
		pullToListView.setAdapter(mAdapter);

		pullToListView.setOnRefreshListener(new OnRefreshListener2<ListView>() {

			@Override
			public void onPullDownToRefresh(
					PullToRefreshBase<ListView> refreshView) {
				pullDownToRefresh();
			}

			@Override
			public void onPullUpToRefresh(
					PullToRefreshBase<ListView> refreshView) {
				pullUpToRefresh();
			}

		});

	}

	/**
	 * 下拉刷新
	 */
	private void pullDownToRefresh() {
		new Thread(new Runnable() {

			@Override
			public void run() {
				try {
					Thread.sleep(1000);
					dataList.clear();
					for (int i = 0; i < 5; i++) {
						dataList.add("下拉刷新后的数据" + i + "\t号");
					}
				} catch (InterruptedException e) {
					e.printStackTrace();
				}
				mHandler.sendEmptyMessage(0);
			}
		}).start();
	}

	/**
	 * 上拉加载
	 */
	private void pullUpToRefresh() {
		new Thread(new Runnable() {

			@Override
			public void run() {
				try {
					Thread.sleep(1000);
					for (int i = 0; i < 5; i++) {
						dataList.add("上拉加载后的数据" + i + "\t号");
					}
				} catch (InterruptedException e) {
					e.printStackTrace();
				}
				mHandler.sendEmptyMessage(0);
			}
		}).start();
	}

	/**
	 * 初始化数据
	 */
	private void initData() {
		dataList = new ArrayList<>();
		for (int i = 0; i < 5; i++) {
			dataList.add("richardli" + i + "\t号");
		}
	}
}




是不是很简单?但是这里有个小问题,如果ListView的页面数据是没有一屏的数据,也就是充满整个屏幕的时候,你上拉后它那FootView就会往上面缩。这里不是BUG,因为在实际开发中,上拉加载的这个效果功能是有一定前提的,我们的ListView拿数据是分页拿的,如果拿下的数据没有充满整个屏幕又或者没有满足开发的需求,这时候是要禁止上拉的...大笑,话题扯远了。


3.那个上拉下拉的时显示的字不是我想要的,那又改如何解决呢!请看下面代码:

  1. private void setPullToRefreshLable() {  
  2.     // 1:第一种设置 (个人推荐第一种)  
  3.     ILoadingLayout startLoading = pullToListView.getLoadingLayoutProxy(  
  4.             truefalse);  
  5.     startLoading.setPullLabel("下拉刷新");// 刚下拉时显示的提示  
  6.     startLoading.setRefreshingLabel("正在刷新中...");// 刷新时显示的提示  
  7.     startLoading.setReleaseLabel("释放即可刷新");// 下拉达到一定距离时显示的提示  
  8.   
  9.     ILoadingLayout endLoading = pullToListView.getLoadingLayoutProxy(false,  
  10.             true);  
  11.     endLoading.setPullLabel("上拉加载更多");// 刚上拉时显示的提示  
  12.     endLoading.setRefreshingLabel("拼命加载中...");// 加载时的提示  
  13.     endLoading.setReleaseLabel("释放即可加载更多");// 上拉达到一定距离时显示的提示  
  14.   
  15.     // 2:第二种设置  
  16.     // pullToListView.getLoadingLayoutProxy(true,  
  17.     // false).setPullLabel("下拉刷新");  
  18.     // pullToListView.getLoadingLayoutProxy(true, false).setRefreshingLabel(  
  19.     // "正在刷新中...");  
  20.     // pullToListView.getLoadingLayoutProxy(true, false).setReleaseLabel(  
  21.     // "释放即可刷新");  
  22.     //  
  23.     // pullToListView.getLoadingLayoutProxy(false, true)  
  24.     // .setPullLabel("上拉加载更多");  
  25.     // pullToListView.getLoadingLayoutProxy(false, true).setRefreshingLabel(  
  26.     // "拼命加载中...");  
  27.     // pullToListView.getLoadingLayoutProxy(false, true).setReleaseLabel(  
  28.     // "释放即可加载更多");  
  29.   
  30. }  
	private void setPullToRefreshLable() {
		// 1:第一种设置 (个人推荐第一种)
		ILoadingLayout startLoading = pullToListView.getLoadingLayoutProxy(
				true, false);
		startLoading.setPullLabel("下拉刷新");// 刚下拉时显示的提示
		startLoading.setRefreshingLabel("正在刷新中...");// 刷新时显示的提示
		startLoading.setReleaseLabel("释放即可刷新");// 下拉达到一定距离时显示的提示

		ILoadingLayout endLoading = pullToListView.getLoadingLayoutProxy(false,
				true);
		endLoading.setPullLabel("上拉加载更多");// 刚上拉时显示的提示
		endLoading.setRefreshingLabel("拼命加载中...");// 加载时的提示
		endLoading.setReleaseLabel("释放即可加载更多");// 上拉达到一定距离时显示的提示

		// 2:第二种设置
		// pullToListView.getLoadingLayoutProxy(true,
		// false).setPullLabel("下拉刷新");
		// pullToListView.getLoadingLayoutProxy(true, false).setRefreshingLabel(
		// "正在刷新中...");
		// pullToListView.getLoadingLayoutProxy(true, false).setReleaseLabel(
		// "释放即可刷新");
		//
		// pullToListView.getLoadingLayoutProxy(false, true)
		// .setPullLabel("上拉加载更多");
		// pullToListView.getLoadingLayoutProxy(false, true).setRefreshingLabel(
		// "拼命加载中...");
		// pullToListView.getLoadingLayoutProxy(false, true).setReleaseLabel(
		// "释放即可加载更多");

	}
然后在pullToListView初始化的时候,调用即可。如果,你还想修改字体颜色那么请查看上面的基本属性 ptr:ptrHeaderTextColor="" 。如果你还想修改提示字体的大小,那么抱歉。本人貌似暂时好像还没有发现可以直接在代码里面设置,如果您知道如何设置那么请告知鄙人,谢谢! 不过,你可以在library的layout布局文件下去修改它。


4.可能有些需求在下拉刷新的时候,是要提示最近的刷新时间,那该如何解决呢?请看下面代码:

  1. pullToListView.setOnRefreshListener(new OnRefreshListener2<ListView>() {  
  2.   
  3.     @Override  
  4.     public void onPullDownToRefresh(  
  5.             PullToRefreshBase<ListView> refreshView) {  
  6.         // 设置最近刷新时间  
  7.         String updateTime = DateUtils.formatDateTime(  
  8.                 ListViewActivity.this, System.currentTimeMillis(),  
  9.                 DateUtils.FORMAT_SHOW_TIME | DateUtils.FORMAT_SHOW_DATE  
  10.                         | DateUtils.FORMAT_ABBREV_ALL);  
  11.         refreshView.getLoadingLayoutProxy().setLastUpdatedLabel(  
  12.                 updateTime);  
  13.         pullDownToRefresh();  
  14.     }  
  15.   
  16.     @Override  
  17.     public void onPullUpToRefresh(  
  18.             PullToRefreshBase<ListView> refreshView) {  
  19.         pullUpToRefresh();  
  20.     }  
  21.   
  22. });  
		pullToListView.setOnRefreshListener(new OnRefreshListener2<ListView>() {

			@Override
			public void onPullDownToRefresh(
					PullToRefreshBase<ListView> refreshView) {
				// 设置最近刷新时间
				String updateTime = DateUtils.formatDateTime(
						ListViewActivity.this, System.currentTimeMillis(),
						DateUtils.FORMAT_SHOW_TIME | DateUtils.FORMAT_SHOW_DATE
								| DateUtils.FORMAT_ABBREV_ALL);
				refreshView.getLoadingLayoutProxy().setLastUpdatedLabel(
						updateTime);
				pullDownToRefresh();
			}

			@Override
			public void onPullUpToRefresh(
					PullToRefreshBase<ListView> refreshView) {
				pullUpToRefresh();
			}

		});


5.可能会出现我上面说的一种情况,在开发中我不知道服务器会返回多少数据给我,但我这边是根据页码去取数据的。如果取下来的数据没有满足我去获取下一页的数据的时候,那么我不能让上拉加载出现,只留下下拉刷新,只有当数据满足的时候我才让上拉加载出现。那么这又如何实现呢!

主Activity代码:

  1. package com.richardli.pulltorefreshdemo;  
  2.   
  3. import java.util.ArrayList;  
  4. import java.util.List;  
  5.   
  6. import android.app.Activity;  
  7. import android.os.Bundle;  
  8. import android.os.Handler;  
  9. import android.os.Message;  
  10. import android.text.format.DateUtils;  
  11. import android.widget.ArrayAdapter;  
  12. import android.widget.ListView;  
  13.   
  14. import com.handmark.pulltorefresh.library.ILoadingLayout;  
  15. import com.handmark.pulltorefresh.library.PullToRefreshBase;  
  16. import com.handmark.pulltorefresh.library.PullToRefreshBase.Mode;  
  17. import com.handmark.pulltorefresh.library.PullToRefreshBase.OnRefreshListener2;  
  18. import com.handmark.pulltorefresh.library.PullToRefreshListView;  
  19.   
  20. public class ListViewActivity extends Activity {  
  21.   
  22.     private PullToRefreshListView pullToListView;  
  23.     private ArrayAdapter<String> mAdapter;  
  24.     private List<String> dataList;  
  25.     private int size = 0;// 满足10条 才会有上拉和下拉,如果不满足则只有下拉  
  26.     private int pullUpSize = 15;  
  27.   
  28.     Handler mHandler = new Handler() {  
  29.         @Override  
  30.         public void handleMessage(Message msg) {  
  31.             super.handleMessage(msg);  
  32.             mAdapter.notifyDataSetChanged();  
  33.             pullToListView.onRefreshComplete();  
  34.             if (size == 15) {  
  35.                 // 这里注意,在每次设置View的Mode的后,一定要重新设置顶部,底部的显示文字。不然会出现上拉加载时显示的是下拉刷新的提示语  
  36.                 pullToListView.setMode(Mode.BOTH);  
  37.                 setPullToRefreshLable();  
  38.             } else {  
  39.                 pullToListView.setMode(Mode.PULL_FROM_START);  
  40.             }  
  41.         }  
  42.     };  
  43.   
  44.     @Override  
  45.     protected void onCreate(Bundle savedInstanceState) {  
  46.         super.onCreate(savedInstanceState);  
  47.         setContentView(R.layout.activity_list_view);  
  48.   
  49.         initView();  
  50.     }  
  51.   
  52.     private void initView() {  
  53.         pullToListView = (PullToRefreshListView) findViewById(R.id.pull_refresh_list);  
  54.         // initData();  
  55.         dataList = new ArrayList<>();  
  56.         mAdapter = new ArrayAdapter<String>(this,  
  57.                 android.R.layout.simple_list_item_1, dataList);  
  58.         pullToListView.setMode(Mode.PULL_FROM_START);// 开始默认只有下拉刷新(如果我刷新下来的数据满足10条,才让其有上拉加载)  
  59.         setPullToRefreshLable();  
  60.         pullToListView.setAdapter(mAdapter);  
  61.   
  62.         pullToListView.setOnRefreshListener(new OnRefreshListener2<ListView>() {  
  63.   
  64.             @Override  
  65.             public void onPullDownToRefresh(  
  66.                     PullToRefreshBase<ListView> refreshView) {  
  67.                 // 设置最近刷新时间  
  68.                 String updateTime = DateUtils.formatDateTime(  
  69.                         ListViewActivity.this, System.currentTimeMillis(),  
  70.                         DateUtils.FORMAT_SHOW_TIME | DateUtils.FORMAT_SHOW_DATE  
  71.                                 | DateUtils.FORMAT_ABBREV_ALL);  
  72.                 refreshView.getLoadingLayoutProxy().setLastUpdatedLabel(  
  73.                         updateTime);  
  74.                 pullDownToRefresh();  
  75.             }  
  76.   
  77.             @Override  
  78.             public void onPullUpToRefresh(  
  79.                     PullToRefreshBase<ListView> refreshView) {  
  80.                 pullUpToRefresh();  
  81.             }  
  82.   
  83.         });  
  84.   
  85.     }  
  86.   
  87.     private void setPullToRefreshLable() {  
  88.         // 1:第一种设置 (个人推荐第一种)  
  89.         ILoadingLayout startLoading = pullToListView.getLoadingLayoutProxy(  
  90.                 truefalse);  
  91.         startLoading.setPullLabel("下拉刷新");// 刚下拉时显示的提示  
  92.         startLoading.setRefreshingLabel("正在刷新中...");// 刷新时显示的提示  
  93.         startLoading.setReleaseLabel("释放即可刷新");// 下拉达到一定距离时显示的提示  
  94.   
  95.         ILoadingLayout endLoading = pullToListView.getLoadingLayoutProxy(false,  
  96.                 true);  
  97.         endLoading.setPullLabel("上拉加载更多");// 刚上拉时显示的提示  
  98.         endLoading.setRefreshingLabel("拼命加载中...");// 加载时的提示  
  99.         endLoading.setReleaseLabel("释放即可加载更多");// 上拉达到一定距离时显示的提示  
  100.     }  
  101.   
  102.     /** 
  103.      * 下拉刷新 
  104.      */  
  105.     private void pullDownToRefresh() {  
  106.         new Thread(new Runnable() {  
  107.   
  108.             @Override  
  109.             public void run() {  
  110.                 try {  
  111.                     Thread.sleep(1000);  
  112.                     dataList.clear();  
  113.                     List<String> str = new ArrayList<String>();  
  114.                     for (int i = 0; i < 15; i++) {  
  115.                         str.add("下拉刷新后的数据" + i + "\t号");  
  116.                     }  
  117.                     size = str.size();  
  118.                     dataList.addAll(str);  
  119.                 } catch (InterruptedException e) {  
  120.                     e.printStackTrace();  
  121.                 }  
  122.                 mHandler.sendEmptyMessage(0);  
  123.             }  
  124.         }).start();  
  125.     }  
  126.   
  127.     /** 
  128.      * 上拉加载 
  129.      */  
  130.     private void pullUpToRefresh() {  
  131.         new Thread(new Runnable() {  
  132.   
  133.             @Override  
  134.             public void run() {  
  135.                 try {  
  136.                     Thread.sleep(1000);  
  137.                     List<String> str = new ArrayList<String>();  
  138.                     for (int i = 0; i < pullUpSize; i++) {  
  139.                         str.add("上拉加载后的数据" + i + "\t号");  
  140.                     }  
  141.                     size = str.size();  
  142.                     dataList.addAll(str);  
  143.                     // 每次上拉加载就减1,模拟第二次的数据不足15条不能上拉加载  
  144.                     --pullUpSize;  
  145.                 } catch (InterruptedException e) {  
  146.                     e.printStackTrace();  
  147.                 }  
  148.                 mHandler.sendEmptyMessage(0);  
  149.             }  
  150.         }).start();  
  151.     }  
  152.   
  153. }  
package com.richardli.pulltorefreshdemo;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.text.format.DateUtils;
import android.widget.ArrayAdapter;
import android.widget.ListView;

import com.handmark.pulltorefresh.library.ILoadingLayout;
import com.handmark.pulltorefresh.library.PullToRefreshBase;
import com.handmark.pulltorefresh.library.PullToRefreshBase.Mode;
import com.handmark.pulltorefresh.library.PullToRefreshBase.OnRefreshListener2;
import com.handmark.pulltorefresh.library.PullToRefreshListView;

public class ListViewActivity extends Activity {

	private PullToRefreshListView pullToListView;
	private ArrayAdapter<String> mAdapter;
	private List<String> dataList;
	private int size = 0;// 满足10条 才会有上拉和下拉,如果不满足则只有下拉
	private int pullUpSize = 15;

	Handler mHandler = new Handler() {
		@Override
		public void handleMessage(Message msg) {
			super.handleMessage(msg);
			mAdapter.notifyDataSetChanged();
			pullToListView.onRefreshComplete();
			if (size == 15) {
				// 这里注意,在每次设置View的Mode的后,一定要重新设置顶部,底部的显示文字。不然会出现上拉加载时显示的是下拉刷新的提示语
				pullToListView.setMode(Mode.BOTH);
				setPullToRefreshLable();
			} else {
				pullToListView.setMode(Mode.PULL_FROM_START);
			}
		}
	};

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_list_view);

		initView();
	}

	private void initView() {
		pullToListView = (PullToRefreshListView) findViewById(R.id.pull_refresh_list);
		// initData();
		dataList = new ArrayList<>();
		mAdapter = new ArrayAdapter<String>(this,
				android.R.layout.simple_list_item_1, dataList);
		pullToListView.setMode(Mode.PULL_FROM_START);// 开始默认只有下拉刷新(如果我刷新下来的数据满足10条,才让其有上拉加载)
		setPullToRefreshLable();
		pullToListView.setAdapter(mAdapter);

		pullToListView.setOnRefreshListener(new OnRefreshListener2<ListView>() {

			@Override
			public void onPullDownToRefresh(
					PullToRefreshBase<ListView> refreshView) {
				// 设置最近刷新时间
				String updateTime = DateUtils.formatDateTime(
						ListViewActivity.this, System.currentTimeMillis(),
						DateUtils.FORMAT_SHOW_TIME | DateUtils.FORMAT_SHOW_DATE
								| DateUtils.FORMAT_ABBREV_ALL);
				refreshView.getLoadingLayoutProxy().setLastUpdatedLabel(
						updateTime);
				pullDownToRefresh();
			}

			@Override
			public void onPullUpToRefresh(
					PullToRefreshBase<ListView> refreshView) {
				pullUpToRefresh();
			}

		});

	}

	private void setPullToRefreshLable() {
		// 1:第一种设置 (个人推荐第一种)
		ILoadingLayout startLoading = pullToListView.getLoadingLayoutProxy(
				true, false);
		startLoading.setPullLabel("下拉刷新");// 刚下拉时显示的提示
		startLoading.setRefreshingLabel("正在刷新中...");// 刷新时显示的提示
		startLoading.setReleaseLabel("释放即可刷新");// 下拉达到一定距离时显示的提示

		ILoadingLayout endLoading = pullToListView.getLoadingLayoutProxy(false,
				true);
		endLoading.setPullLabel("上拉加载更多");// 刚上拉时显示的提示
		endLoading.setRefreshingLabel("拼命加载中...");// 加载时的提示
		endLoading.setReleaseLabel("释放即可加载更多");// 上拉达到一定距离时显示的提示
	}

	/**
	 * 下拉刷新
	 */
	private void pullDownToRefresh() {
		new Thread(new Runnable() {

			@Override
			public void run() {
				try {
					Thread.sleep(1000);
					dataList.clear();
					List<String> str = new ArrayList<String>();
					for (int i = 0; i < 15; i++) {
						str.add("下拉刷新后的数据" + i + "\t号");
					}
					size = str.size();
					dataList.addAll(str);
				} catch (InterruptedException e) {
					e.printStackTrace();
				}
				mHandler.sendEmptyMessage(0);
			}
		}).start();
	}

	/**
	 * 上拉加载
	 */
	private void pullUpToRefresh() {
		new Thread(new Runnable() {

			@Override
			public void run() {
				try {
					Thread.sleep(1000);
					List<String> str = new ArrayList<String>();
					for (int i = 0; i < pullUpSize; i++) {
						str.add("上拉加载后的数据" + i + "\t号");
					}
					size = str.size();
					dataList.addAll(str);
					// 每次上拉加载就减1,模拟第二次的数据不足15条不能上拉加载
					--pullUpSize;
				} catch (InterruptedException e) {
					e.printStackTrace();
				}
				mHandler.sendEmptyMessage(0);
			}
		}).start();
	}

}

6.如果觉得上面刷新时的图标不好看,你想要用你自己的。那么请查看上面的基本属性里面的解释。示例代码如下:

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     tools:context="com.richardli.pulltorefreshdemo.ListViewActivity" >  
  6.   
  7.     <com.handmark.pulltorefresh.library.PullToRefreshListView  
  8.         xmlns:ptr="http://schemas.android.com/apk/res-auto"  
  9.         android:id="@+id/pull_refresh_list"  
  10.         android:layout_width="match_parent"  
  11.         android:layout_height="match_parent"  
  12.         android:cacheColorHint="#00000000"  
  13.         android:divider="#50000000"  
  14.         android:dividerHeight="2dp"  
  15.         android:smoothScrollbar="true"  
  16.         ptr:ptrListViewExtrasEnabled="true"  
  17.         ptr:ptrAnimationStyle="rotate"  
  18.         ptr:ptrDrawable="@drawable/ic_launcher"  
  19.         ptr:ptrMode="both" >  
  20.     </com.handmark.pulltorefresh.library.PullToRefreshListView>  
  21.   
  22. </RelativeLayout>  
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.richardli.pulltorefreshdemo.ListViewActivity" >

    <com.handmark.pulltorefresh.library.PullToRefreshListView
        xmlns:ptr="http://schemas.android.com/apk/res-auto"
        android:id="@+id/pull_refresh_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:cacheColorHint="#00000000"
        android:divider="#50000000"
        android:dividerHeight="2dp"
        android:smoothScrollbar="true"
        ptr:ptrListViewExtrasEnabled="true"
        ptr:ptrAnimationStyle="rotate"
        ptr:ptrDrawable="@drawable/ic_launcher"
        ptr:ptrMode="both" >
    </com.handmark.pulltorefresh.library.PullToRefreshListView>

</RelativeLayout>

这样就可以定义成你自己喜欢的图标了,是不是很方便呢!对于想要快速开发的朋友来说吐舌头

7.可能有些朋友在使用的时候发现PullToRefreshListView.setOnItemClickListener();里面取到的数据和我数据集合里面的数据不一样,其实这里是和下拉刷新控件的原理有光,如有有兴趣的朋友可以自己去查看源码。造成输出错位的解决方案只要在取数据的时候position-1就行了。


好了到这里,我相信快速集成这个控件进行开发应该是没有问题的了.在PullToRefresh这个开源控件中还有PullToRefreshScrollView,PullToRefreshGridView,PullToRefreshExpandableListView等等控件,它们使用的方式都是基于原属性不会有太多变化,配置和PullToRefreshListView大同小异。想用的朋友呢,可以自身去实践实践。在开发中使用频率比较高的呢,除了上面的一些属性,还有下面的:

1.setOnLastItemVisibleListener();//是否到底部的监听器

2.setOnPullEventListener();//设置事件监听器

3.onRefreshComplete();//设置刷新完成

4.setOnScrollListener();//滚动监听


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值