首页 > 代码库 > PullToRefresh初步了解

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

  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

  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

  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

  1. //?set?mode?to?BOTH??
  2. mExpandList.setMode(Mode.BOTH);??
  3. mExpandList.getLoadingLayoutProxy(false,?true).setPullLabel(getString(R.string.pull_to_load));??
  4. mExpandList.getLoadingLayoutProxy(false,?true).setRefreshingLabel(getString(R.string.loading));??
  5. mExpandList.getLoadingLayoutProxy(false,?true).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

  1. public?boolean?isHeaderShown()?{??
  2. ????return?getHeaderLayout().isShown();??
  3. }??
  4. ???
  5. public?boolean?isFooterShown()?{??
  6. ????return?getFooterLayout().isShown();??
  7. }??


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


onRefresh()中这样来用:

[java]?view plaincopy

  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,希望多多少少能帮到大家。

?

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

近来发现:

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

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

?

?

?

?

最后放上一张效果图

PullToRefresh初步了解