PullToRefreshListView 应用讲解

最新推荐文章于 2018-11-20 14:34:26 发布
最新推荐文章于 2018-11-20 14:34:26 发布
阅读量7.5k 收藏 32
点赞数 1
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mmjiajia132/article/details/40397813
版权

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

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

一：首先看布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <!--     ptr:ptrAnimationStyle="flip"  flip:翻转  rotate:旋转-->
    <!--     ptr:ptrShowIndicator="true"  右上角 右下角出现箭头-->
    <com.handmark.pulltorefresh.library.PullToRefreshListView
        xmlns:ptr="http://schemas.android.com/apk/res-auto"
        android:id="@+id/pullToRefresh"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        ptr:ptrDrawable="@drawable/default_ptr_flip" 
        ptr:ptrAnimationStyle="flip"
        ptr:ptrHeaderBackground="#383838"
        ptr:ptrHeaderTextColor="#FFFFFF"
        />

</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代码

public class MainActivity extends ActionBarActivity {
	
	private PullToRefreshListView pullToRefresh;
	private List<PullBean> data = new ArrayList<PullBean>();
	MyAdapter adapter;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		pullToRefresh = (PullToRefreshListView) findViewById(R.id.pullToRefresh);
		data = getData();
		adapter = new MyAdapter(this);
		pullToRefresh.setAdapter(adapter);
		/*
		 * Mode.BOTH：同时支持上拉下拉
         * Mode.PULL_FROM_START：只支持下拉Pulling Down
         * Mode.PULL_FROM_END：只支持上拉Pulling Up
		 */
		/*
		 * 如果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()方法. 
		 */
		pullToRefresh.setMode(Mode.BOTH);
		init();
		
		/*
		 * setOnRefreshListener(OnRefreshListener listener):设置刷新监听器；
		 * setOnLastItemVisibleListener(OnLastItemVisibleListener listener):设置是否到底部监听器；
		 * setOnPullEventListener(OnPullEventListener listener);设置事件监听器；
		 * onRefreshComplete()：设置刷新完成
		 */
		/*
		 * pulltorefresh.setOnScrollListener()
		 */
		// SCROLL_STATE_TOUCH_SCROLL(1) 正在滚动    
        // SCROLL_STATE_FLING(2) 手指做了抛的动作（手指离开屏幕前，用力滑了一下）    
        // SCROLL_STATE_IDLE(0) 停止滚动       
		/*
		 * setOnLastItemVisibleListener
		 * 当用户拉到底时调用  
		 */
		/*
		 * setOnTouchListener是监控从点下鼠标 （可能拖动鼠标）到放开鼠标（鼠标可以换成手指）的整个过程 ，他的回调函数是onTouchEvent（MotionEvent event）,
		 * 然后通过判断event.getAction()是MotionEvent.ACTION_UP还是ACTION_DOWN还是ACTION_MOVE分别作不同行为。
         * setOnClickListener的监控时间只监控到手指ACTION_DOWN时发生的行为
		 */
		pullToRefresh.setOnRefreshListener(new OnRefreshListener2<ListView>(){
			@Override
			public void onPullDownToRefresh(
					PullToRefreshBase<ListView> refreshView) {
				// TODO Auto-generated method stub
				 PullBean bean = new PullBean();
	             bean.setTitle("下拉刷新");
	             bean.setContent("我的神");
	             adapter.addFirst(bean);
	             new FinishRefresh().execute();
	             adapter.notifyDataSetChanged();
			}
			
			@Override
			public void onPullUpToRefresh(
					PullToRefreshBase<ListView> refreshView) {
				// TODO Auto-generated method stub
				PullBean bean = new PullBean();
				bean.setTitle("上拉刷新");
				bean.setContent("我的神");
				adapter.addLast(bean);
				new FinishRefresh().execute();
				adapter.notifyDataSetChanged();
			}
		});
		
	
//		pullToRefresh.setOnRefreshListener(new OnRefreshListener<ListView>() {
//
//			@Override
//			public void onRefresh(PullToRefreshBase<ListView> refreshView) {
//				// TODO Auto-generated method stub
//				String label = DateUtils.formatDateTime(getApplicationContext(), System.currentTimeMillis(),  
//                        DateUtils.FORMAT_SHOW_TIME | DateUtils.FORMAT_SHOW_DATE | DateUtils.FORMAT_ABBREV_ALL);  
//  
//                // Update the LastUpdatedLabel  
//                refreshView.getLoadingLayoutProxy().setLastUpdatedLabel(label);
//                PullBean bean = new PullBean();
//                bean.setTitle("我的神");
//                bean.setContent("我的神");
//                adapter.addFirst(bean);
//                new FinishRefresh().execute();
//			}
//			
//		});
	}
	
	private void init()  
    {  
        ILoadingLayout startLabels = pullToRefresh  
                .getLoadingLayoutProxy(true, false);  
        startLabels.setPullLabel("下拉刷新...");// 刚下拉时，显示的提示  
        startLabels.setRefreshingLabel("正在载入...");// 刷新时  
        startLabels.setReleaseLabel("放开刷新...");// 下来达到一定距离时，显示的提示  
  
        ILoadingLayout endLabels = pullToRefresh.getLoadingLayoutProxy(  
                false, true);  
        endLabels.setPullLabel("上拉刷新...");// 刚下拉时，显示的提示  
        endLabels.setRefreshingLabel("正在载入...");// 刷新时  
        endLabels.setReleaseLabel("放开刷新...");// 下来达到一定距离时，显示的提示  
        
//		// 设置下拉刷新文本
//		pullToRefresh.getLoadingLayoutProxy(false, true)
//				.setPullLabel("上拉刷新...");
//		pullToRefresh.getLoadingLayoutProxy(false, true).setReleaseLabel(
//				"放开刷新...");
//		pullToRefresh.getLoadingLayoutProxy(false, true).setRefreshingLabel(
//				"正在加载...");
//		// 设置上拉刷新文本
//		pullToRefresh.getLoadingLayoutProxy(true, false)
//				.setPullLabel("下拉刷新...");
//		pullToRefresh.getLoadingLayoutProxy(true, false).setReleaseLabel(
//				"放开刷新...");
//		pullToRefresh.getLoadingLayoutProxy(true, false).setRefreshingLabel(
//				"正在加载...");
    }  
	
	private List<PullBean> getData(){
		List<PullBean> list = new ArrayList<PullBean>();
		for(int i = 0;i < 10;i ++){
			PullBean bean = new PullBean();
			bean.setTitle("item " + i + " 搜索业务增速下滑 Google廉颇老矣?");
			bean.setContent("Google于10月17日发布了2014年第三季度财报");
			list.add(bean);
		}
		
		return list;
	}
	
	private class FinishRefresh extends AsyncTask<Void, Void, Void>{  
        @Override  
        protected Void doInBackground(Void... params) {  
        	 try {  
                 Thread.sleep(1000);  
             } catch (InterruptedException e) {  
             }  
            return null;  
        }  
   
        @Override  
        protected void onPostExecute(Void result){  
//        	adapter.notifyDataSetChanged();
        	pullToRefresh.onRefreshComplete();  
        }  
    }  
	
	private class MyAdapter extends BaseAdapter{
		private LayoutInflater mInflater;
		
		public MyAdapter(Context context) {
			// TODO Auto-generated constructor stub
			mInflater = LayoutInflater.from(context);
		}
		
		public void addFirst(PullBean bean){
			data.add(0, bean);
		}
		
		public void addLast(PullBean bean){
			data.add(bean);
		}
		
		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			return data.size();
		}
		
		@Override
		public Object getItem(int position) {
			// TODO Auto-generated method stub
			return data.get(position);
		}
		
		@Override
		public long getItemId(int position) {
			// TODO Auto-generated method stub
			return 0;
		}
		
		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			// TODO Auto-generated method stub
			ViewHolder viewHolder = null;
			if(convertView == null){
				viewHolder = new ViewHolder();
				convertView = mInflater.inflate(R.layout.item, null);
				viewHolder.title = (TextView) convertView.findViewById(R.id.title);
				viewHolder.content = (TextView) convertView.findViewById(R.id.content);
				
				convertView.setTag(viewHolder);
			}else{
				viewHolder = (ViewHolder) convertView.getTag();
			}
			
			viewHolder.title.setText(data.get(position).getTitle());
			viewHolder.content.setText(data.get(position).getContent());
			
			return convertView;
		}
		
		class ViewHolder{
			TextView title;
			TextView content;
		}
	}

	

}

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

item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="5dp"
    android:orientation="vertical" >
    
	<TextView
	    android:id="@+id/title"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:textSize="18sp"
	    android:textColor="#BA55D3"
	    android:text="我的神"/>
	
	<TextView 
	    android:id="@+id/content"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:textSize="14.0sp"
	    android:layout_marginTop="5dp"
	    android:textColor="#7CFC00"
	    android:text="我的神"/>
</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>

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

       ILoadingLayout startLabels = pullToRefresh  
                .getLoadingLayoutProxy(true, false);  
        startLabels.setPullLabel("下拉刷新...");// 刚下拉时，显示的提示  
        startLabels.setRefreshingLabel("正在载入...");// 刷新时  
        startLabels.setReleaseLabel("放开刷新...");// 下来达到一定距离时，显示的提示  
  
        ILoadingLayout endLabels = pullToRefresh.getLoadingLayoutProxy(  
                false, true);  
        endLabels.setPullLabel("上拉刷新...");// 刚下拉时，显示的提示  
        endLabels.setRefreshingLabel("正在载入...");// 刷新时  
        endLabels.setReleaseLabel("放开刷新...");// 下来达到一定距离时，显示的提示

当然也可以这样

               pullToRefresh.getLoadingLayoutProxy(false, true)
				.setPullLabel("上拉刷新...");
		pullToRefresh.getLoadingLayoutProxy(false, true).setReleaseLabel(
				"放开刷新...");
		pullToRefresh.getLoadingLayoutProxy(false, true).setRefreshingLabel(
				"正在加载...");
		// 设置上拉刷新文本
		pullToRefresh.getLoadingLayoutProxy(true, false)
				.setPullLabel("下拉刷新...");
		pullToRefresh.getLoadingLayoutProxy(true, false).setReleaseLabel(
				"放开刷新...");
		pullToRefresh.getLoadingLayoutProxy(true, false).setRefreshingLabel(
				"正在加载...");


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

 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

MMjiajia132
关注
  • 1
    点赞
  • 踩
  • 32
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
Android PullToRefresh （ListView GridView 下拉刷新） 使用详解
2401_84123357的博客
04-22 597
可以在初始化完成mPullRefreshListView后，通过mPullRefreshListView.getLoadingLayoutProxy()可以得到一个ILoadingLayout对象，这个对象可以设置各种指示器中的样式、文本等。startLabels.setPullLabel(“你可劲拉，拉…”);// 刚下拉时，显示的提示startLabels.setRefreshingLabel(“好嘞，正在刷新…”);// 刷新时。
PullToRefresh使用详解--构建下拉刷新的listView 源码
12-30
《PullToRefresh使用详解--构建下拉刷新的listView》博文对应原源码，博客地址：http://blog.csdn.net/harvic880925/article/details/17680305，讲解了PullToRefresh构建可下拉刷新的listView的过程；
PullToRefresh使用详解（一）--构建下拉刷新的listView
热门推荐
启舰
12-30 16万+
前言：前几天写了篇关于PullToRefresh控件的DEMO导入的博客，但由于当时没有用到，所以就没细往下讲，现在开始到了实战阶段，用到了PullToRefresh的listView样式，网上有讲的，但讲的不多，而且没有详细的例子来说，下面我讲讲这个东东的实现方法。 效果图：
PullToRefreshListView的使用
qq_43154806的博客
11-20 792
PullToRefreshListView的使用 其实PullToRefreshListView和XlistView的原理有很多相似之处 1.导入Module 2.导入依赖布局 &lt;com.example.pulltolibrary.PullToRefreshListView android:layout_width="match_parent" android...
pulltorefresh_demo
zj462136的博客
09-21 255
package com.example.a16_pulltorefresh_demo; import android.os.AsyncTask; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.widget.ArrayAdapter; import android.
PullToRefreshListView 具体使用方法
技术小白
04-24 602
   准备工作： 第一步：导入pullToRefresh的工程，注意需要16版本的sdk,与19版本的构建工具（ 需要连网下载）第二步：将工程作为依赖库添加到自己的工程中使用步骤： 第一步：在布局文件中添加PullToRefreshScrollView组件   ptr:ptrDrawable="@drawable/default_ptr_flip":刷新时显示的图片    ptr:ptrAnima...
PullToRefreshListView
05-16
PullToRefreshListView ＃在布局中 ＃在活动中PullToRefreshListView pullToRefreshListView =（PullToRefreshListView）findViewById（R.id.pullToRefreshListView）; pullToRefreshListView.setOnRefre
pulltorefreshlistview
01-11
PullToRefreshListView的使用不仅可以提升应用的用户体验，还能让开发者更专注于数据的处理和业务逻辑，而不是下拉刷新的实现细节。随着Android组件化的不断发展，类似PullToRefreshListView这样的库，使得开发者能...
pullToRefreshListView
04-02
5. 自定义样式：为了使`PullToRefreshListView`更好地融入应用的UI设计，开发者可以自定义头部和底部视图的样式，包括颜色、字体、动画效果等。 在实际开发中，`PullToRefreshListView`的灵活性和可扩展性非常强。...
AndroidStudio的PullToRefreshListView简单使用
姚丹的博客
07-07 2324
PullToRefreshListView的下载：https://github.com/chrisbanes/Android-PullToRefresh 1.先将其中的library倒入到Module，然后与App进行关联 2.代码，我并不是将PullToRefreshListView直接写到xml中，而是创建成对象。 PullToRefreshListView pullToRefr
pulltorefresh（二）的自定义属性介绍、attrs文件介绍
rongwenbin的专栏
03-04 779
在上面一章，我们简介了PullToRefresh的使用了，我们都知道了，他是一个自定义的控件，基本上每个自定义控件的都会有自己的属性，我们这章介绍下他的有哪些属性，所有的自定义控件的属性，我们需要现在res/values/attrs.xml去声明下，我介绍下，这个自定义控件有哪些属性。 xml version="1.0" encoding="utf-8"?> resources>
PullToRefreshListView 的使用
Jonly_W的博客
12-18 307
XML 文件 xml version="1.0" encoding="utf-8"?> RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_ma
开源插件 PullToRefresh： PullToRefreshListView / PullToRefreshGridView 实例详解
可乐淘的专栏
04-12 3868
参考：http://blog.csdn.net/lmj623565791/article/details/38238749 本博用实例说话！ AndroidManifest.xml <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.cctvjiatao.pulltore
PullToRefreshListView的ptrMode与ptrOverScroll属性
rongwenbin的专栏
03-04 2747
<com.handmark.pulltorefresh.library.PullToRefreshListView xmlns:ptr="http://schemas.android.com/apk/res-auto" android:id="@+id/message_list" android:layout_width="match_parent"
设置PullToRefreshListView的提示文字
ws158956573的博客
12-03 1051
ILoadingLayout startLabelse = mlistview.getLoadingLayoutProxy(true,false); startLabelse.setPullLabel("下拉可以加载更多");// 刚下拉时，显示的提示 startLabelse.setRefreshingLabel("加载中");// 刷新时 startLabelse.setRele
Android--PullToRefreshListView 上拉下拉刷新(设置上拉下拉刷新时的样式)
ykx_1448488568的博客
07-25 1465
一:在使用PullToRefreshListView时,一定要先导包 然后点击Import Module 将library包导入进去(这里因为我已经导过了,所以使用library1) 现在将已经导完的包添加到wome我们的Module里面 点击倒数第三个, 点击第三个,把library导入进去,这样我们的library包就已经导好了! 二:构造布局 我们在布局时可以发...
pullToRefreshListView的使用
呵呵呵
10-18 501
//1.设置listView的适配器         getDataFromNet();         //2.设置刷新模式         /*设置pullToRefreshListView的刷新模式，BOTH代表支持上拉和下拉，PULL_FROM_END代表上拉,PULL_FROM_START代表下拉 */         refreshListView.setMode(Pu
PullToRefresh之代理模式-LoadingLayoutProxy源码剖析
Coder80的专栏
03-28 1468
Android平台PullToRefresh开源项目，被很多app使用，其重要性不言而喻了。 下拉刷新，其主要思路是，定义一个LinearLayout，自定义view中，控制好touch事件以及需要灵活使用scrollTo函数，让控件进行平滑的滚动，实现平滑的动画效果。 本篇博客，主要介绍 LoadingLayoutProxy 类的使用，对该项目中，使用到的proxy设计模式，进行剖析。
PullToRefreshListView原理解析(一)
u010646258的博客
07-16 1149
PullToRefreshListView原理解析(一)主要讲解PullToRefreshListView的大致结构，以便对PullToRefreshListView有个清晰的认识!
android拉取第三方框架:PullToRefreshlibrary，并使用
最新发布
06-01
好的，那我接下来讲解一下如何使用 `PullToRefreshlibrary` 框架。 1. 在 `XML` 文件中添加 `PullToRefresh` 控件： ```xml <com.handmark.pulltorefresh.library.PullToRefreshListView android:id="@+id/pull_...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值