码迷,mamicode.com
首页 > 其他好文 > 详细

ListView的下拉刷新+上拉加载(已有demo)

时间:2015-09-23 10:29:08      阅读:276      评论:0      收藏:0      [点我收藏+]

标签:

1、XListView因为添加了Header,会导致存储的数据+1,所以赋值时需要position-1。补充:当去掉HeaderView时,position不用-1。
2、提个建议:上拉加载更多,最好在onCreate()中就执行setAdapter,然后不论是空数据、还是有数据,只用更新适配器就行了。
一、XListView
 
2、用法

导入图中的me.maxwin.view包技术分享

提供了两个接口:

IXListViewListener:触发下拉刷新,上拉加载更多。实现此接口时,onLoadMore()用来上拉加载更多,onRefresh()用来下拉刷新。

OnXScrollListener:和原生的OnScrollListener一样,但是在header/footer回滚时也会触发。

几个常用方法:

setPullRefreshEnable(boolean enable):是否允许下拉刷新

setPullLoadEnable(boolean enable):是否允许上拉加载更多

stopRefresh():停止刷新,重置header view

stopLoadMore():停止加载更多,重置footer view

请求到数据后停止刷新停止加载更多。

setRefreshTime(String time):设置上次刷新的时间

onLoadMore():加载更多时调用的方法。注意第一次进入时不会调用此方法。

onRefresh():下拉刷新时调用的方法。

3、代码中怎么体现

1)实现IXListViewListener接口->2)实现上拉刷新和下拉加载更多的数据变更->3)更新header view和footer view,并设置更新时间。

 

[java] view plaincopy技术分享技术分享
 
  1. //1、实现IXListViewListener接口  
  2. mListView.setXListViewListener(this);  
  3. //2.1  onRefresh中实现下拉刷新的数据加载  
  4. @Override  
  5. public void onRefresh() {  
  6. //请求数据  

//更新界面显示

 


[java] view plaincopy技术分享技术分享
 
  1. onLoad();  

}//2.2 onLoadMore中实现上拉加载更多的数据加载

 

[java] view plaincopy技术分享技术分享
 
  1. @Override  
  2. public void onLoadMore() {  
  3. //请求数据  

 

//更新界面显示


[java] view plaincopy技术分享技术分享
 
  1. onLoad();  

}//3、加载完数据后,复位header view和footer view,并设置更新的时间。

 

[java] view plaincopy技术分享技术分享
 
  1. private void onLoad() {  
  2.         mListView.stopRefresh();mListView.stopLoadMore();  
  3.         mListView.setRefreshTime("刚刚");  
  4. }  
4、xml注意事项

当将XListView嵌入到LinearLayout中时,XListView占满全屏时不能再加载更多。上错误代码:

 

[java] view plaincopy技术分享技术分享
 
  1. <LinearLayout  
  2.     android:layout_width="match_parent"  
  3.     android:layout_height="wrap_content"  
  4.     android:layout_above="@id/takemain_ll"  
  5.     android:layout_below="@id/takemain_l"  
  6.     android:orientation="vertical" >  
  7.   
  8.     <cn.bestbang.durable_consumer_goods.utils.MyExXListView  
  9.         android:id="@+id/home_list"  
  10.         android:layout_width="match_parent"  
  11.         android:layout_height="match_parent" >  
  12.     </cn.bestbang.durable_consumer_goods.utils.MyExXListView>  
  13. </LinearLayout>  
5、去ScrollView共用

这种情况,重写XListView会导致上拉加载时频繁的报错:适配器未更新,不知道咋解决。


二、PullToRefresh

大部分内容转自鸿洋的博客:http://blog.csdn.net/lmj623565791/article/details/38238749

1、整体了解:

        首先,github上的这个控件:pull-to-refresh,例子中的功能非常强大,可不止支持ListView和GridView。在下载前,先说下项目结构。github上下载的例子,是依赖于三个项目的,一个基本的library_pullToRefresh(自己要引用到的项目。怎么引用?自己的项目右键->Properties->Android,在Is Library中选择路径),一个基本的PullToRefreshViewPager,一个PullToRefreshListFragment。

2、用法

1)设置PullToRefreshListView支持上拉加载和下拉刷新->2)初始化控件,设置适配器->3)设置监听事件。在监听事件中处理上拉加载更多和下拉刷新,设置最后更新的时间。

 

[java] view plaincopy技术分享技术分享
 
  1. <pre name="code" class="java"><pre name="code" class="java">//1、支持上拉加载和下拉刷新  

mPullRefreshListView.setMode(Mode.BOTH);

 


//2、设置适配器 mAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mListItems); mPullRefreshListView.setAdapter(mAdapter); //3、设置监听器mPullRefreshListView.setOnRefreshListener(new OnRefreshListener2<ListView>(){ @Override public void onPullDownToRefresh( PullToRefreshBase<ListView> refreshView){ // 显示最后更新的时间 refreshView.getLoadingLayoutProxy().setLastUpdatedLabel(label); //这里写下拉刷新的任务 new GetDataTask().execute(); } @Override public void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView){ // 显示最后更新的时间 refreshView.getLoadingLayoutProxy().setLastUpdatedLabel(label);

[java] view plaincopy技术分享技术分享
 
  1. //这里写上拉加载更多的任务    

new GetDataTask().execute(); } });


 

3、属性介绍

1)ptr:ptrMode="both"支持上拉加载和下拉刷新。disabled禁用下拉刷新和上拉加载。pullFromEnd仅支持上拉加载。manualOnly只允许手动触发。当然通过代码也可设置:lv.setMode(Mode.BOTH);

2)ptr:trAnimationStyle="flip"          flip:翻转动画;rotate:旋转动画。

3)ptr:ptrDrawable="@drawable/ic_launcher"设置图标

4)ptrScrollingWhileRefreshingEnabled刷新的时候,是否允许ListView或GridView滚动。觉得为true比较好。5)ptrListViewExtrasEnabled 决定了Header,Footer以何种方式加入mPullRefreshListView,true为headView方式加入,就是滚动时刷新头部会一起滚动。

4、自定义下拉指示器文本内容等效果:

        在初始化完成PullToRefreshListView后,通过lv.getLoadingLayoutProxy()可得到一个ILoadingLayout对象,这个对象可设置各种指示器中的样式、文本等。

 

[java] view plaincopy技术分享技术分享
 
  1. ILoadingLayout startLabels = mPullRefreshListView    
  2.                 .getLoadingLayoutProxy();    
  3.         startLabels.setPullLabel("你可劲拉,拉...");// 刚下拉时,显示的提示    
  4.         startLabels.setRefreshingLabel("好嘞,正在刷新...");// 刷新时    
  5.         startLabels.setReleaseLabel("你敢放,我就敢刷新...");// 下来达到一定距离时,显示的提示    

默认是上拉和下拉的字同时改变的,如果希望单独改变呢:

 

 

[java] view plaincopy技术分享技术分享
 
  1. private void initIndicator(){    
  2.         ILoadingLayout startLabels = mPullRefreshListView    
  3.                 .getLoadingLayoutProxy(true, false);    
  4.         startLabels.setPullLabel("你可劲拉,拉...");// 刚下拉时,显示的提示    
  5.         startLabels.setRefreshingLabel("好嘞,正在刷新...");// 刷新时    
  6.         startLabels.setReleaseLabel("你敢放,我就敢刷新...");// 下来达到一定距离时,显示的提示    
  7.     
  8.         ILoadingLayout endLabels = mPullRefreshListView.getLoadingLayoutProxy(    
  9.                 false, true);    
  10.         endLabels.setPullLabel("你可劲拉,拉2...");// 刚下拉时,显示的提示    
  11.         endLabels.setRefreshingLabel("好嘞,正在刷新2...");// 刷新时    
  12.         endLabels.setReleaseLabel("你敢放,我就敢刷新2...");// 下来达到一定距离时,显示的提示    
  13. }    

 

版权声明:

ListView的下拉刷新+上拉加载(已有demo)

标签:

原文地址:http://www.cnblogs.com/denghaicheng/p/4831231.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!