• 使用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(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在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也没有作用。

    最后放上一张效果图

  • 相关阅读:
    list切片
    class面向对象编程学习笔记
    斐波那契数
    module学习笔记
    Python基础
    产品经理培训行业---以起点学院为主体的相关竞品分析报告
    基础数据结构-二叉树-赫夫曼树的构建与编码
    大众点评APP分析随笔
    滴滴拼车功能分析
    梅沙教育APP简单分析-版本:iOS v1.2.21-Nathaneko-佳钦
  • 原文地址:https://www.cnblogs.com/likeju/p/4768846.html
Copyright © 2020-2023  润新知