你还在用开源控件的下拉刷新吗？你out了，试一试官方的下拉刷新SwipeRefreshLayout

最新推荐文章于 2024-03-27 09:36:06 发布

leoIsCoding

最新推荐文章于 2024-03-27 09:36:06 发布

阅读量1.4k

点赞数

分类专栏： --4.1.Android

--4.1.Android 专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍了Android应用中下拉刷新的一般实现原理，并提供了几个热门开源控件的使用方法。同时，文章深入探讨了如何在ListView、WebView等组件中实现下拉刷新功能，以及解决冲突问题的方法。最后，通过实例展示了如何使用官方提供的SwipeRefreshLayout控件，以及如何处理Webview和下拉刷新的冲突问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、前言

下拉刷新使用之广应该不用我来多说了，只用你是开发者还是一个普通用户应该对他都很熟悉，特别是刷微博那个年代，就是在那里不断的下拉，洗刷刷，洗刷刷，甚至有人多对刷微博刷出强迫证来了，不下拉一些内容出来就会浑身不舒服。唉，一不小心，微博的火热已经被微信抢了。哈哈，扯远了。

先来说一下下拉刷新的一般实现原理，很多开源控件的都是继承linearlayout然后在顶部隐藏一个View，只显示下面的listview，监听touch事件，当滚动到顶部的还在下拉时就把这个view一点点的显示出来，这个下拉就这样出来了。具体的内容可以看一下 http://blog.youkuaiyun.com/guolin_blog/article/details/9255575 这个文章，写得不错。

2、以前比较热门的下拉开源控件

Android-PullToRefresh

android2.3以上都可以用支持控件有

ListView
ExpandableListView
GridView
WebView
ScrollView
HorizontalScrollView
ViewPager

现在大部分开发项目中如果不想自己写的话，应该这个开源项目是最佳的选择了把。

3、官方的下拉view

由于三方的下拉空间非常的火爆，好用到惊动了党（google），所以谷歌就自己在支持包里面留下了一个下拉的控件，这个下拉的效果也非常不错，先来看一下这个效果

看到这个效果，应该在4.0以上的系统的一些app还是有人看到过的吧。这个控件的好处是正在加载的时候不用占用一大块的屏幕，只需要一条动态的颜色跑动的线，也蛮带感的。

4、swipeRefreshLayout的使用方法

swipeRefreshLayout这个类是在放在android-support-v4.jar里面的，这个v4一般默认创建工程的时候就会帮你加入，没有的话自己在工程中创建libs然后copy进入就可以，如果你的v4包里面还是没有这个类，这时你要检查一下你的v4包是不是最新的，因为srl是在support v4 19.1版本才加入的。

有了这个类，其他的就好办了。

如果要在listview里面加入这个下拉的xml的写法非常简单，只要在listview的父view改为wrl就可以了

eg：

[java]view plaincopy 
    
 <?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" >  
   
     <android.support.v4.widget.SwipeRefreshLayout  
         android:id="@+id/refresh_layout"  
         android:layout_width="match_parent"  
         android:layout_height="match_parent" >  
   
         <ListView  
             android:id="@+id/listview"  
             android:layout_width="match_parent"  
             android:layout_height="match_parent"  
             android:cacheColorHint="@android:color/transparent" >  
         </ListView>  
     </android.support.v4.widget.SwipeRefreshLayout>  
   
 </LinearLayout>  

就是这么简单的xml布局

然后main代码加入：

[java]view plaincopy 
    
 package com.spring.swiperefreshlayout;  
   
 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.support.v4.widget.SwipeRefreshLayout;  
 import android.support.v4.widget.SwipeRefreshLayout.OnRefreshListener;  
 import android.widget.ArrayAdapter;  
 import android.widget.ListView;  
   
 /** 
  * 普通列表的下拉更新 
  * @author yd 
  * 
  */  
 public class ListviewActivity extends Activity implements OnRefreshListener {  
   
     private List<String> datas = new ArrayList<String>();//lis的数据  
       
     private ListView listView = null;  
       
     private SwipeRefreshLayout refresh_layout = null;//刷新控件  
   
     private ArrayAdapter<String> adapter;  
       
     @Override  
     protected void onCreate(Bundle savedInstanceState) {  
         super.onCreate(savedInstanceState);  
         setContentView(R.layout.listview_layout);  
         listView  = (ListView) this.findViewById(R.id.listview);  
         refresh_layout = (SwipeRefreshLayout) this.findViewById(R.id.refresh_layout);  
         refresh_layout.setColorScheme(R.color.green, R.color.gray, R.color.blue_50, R.color.light_white);//设置跑动的颜色值  
         adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1,  
                 android.R.id.text1, datas);  
         listView.setAdapter(adapter);  
         for (int i = 0; i < 30; i++) {  
             datas.add("item:"+i);  
         }  
         adapter.notifyDataSetChanged();  
         refresh_layout.setOnRefreshListener(this);//设置下拉的监听  
     }  
   
     @Override  
     public void onRefresh() {  
         new Thread(new Runnable() {//下拉触发的函数，这里是谁1s然后加入一个数据，然后更新界面  
             @Override  
             public void run() {  
                 try {  
                     Thread.sleep(1000);  
                 } catch (InterruptedException e) {  
                     e.printStackTrace();  
                 }  
                 datas.add(0,"item:refresh...");  
                 handler.sendEmptyMessage(0);  
             }  
         }).start();  
     }  
       
     private MyHandler handler = new MyHandler();  
       
     class MyHandler extends Handler{  
         @Override  
         public void handleMessage(Message msg) {  
             switch (msg.what) {  
             case 0:  
                 refresh_layout.setRefreshing(false);  
                 adapter.notifyDataSetChanged();  
                 break;  
             default:  
                 break;  
             }  
         }  
     }  
       
 }  

这么简单的几行代码就可以实现这么好看的下拉view了，大家是不是觉得，这个控件简单好用。

5、webview和swiperefreshLayout的下拉冲突问题

由于webview比较特殊，如果不进行特殊的处理的话，下拉和webview的滚动就会发生冲突，这个解决办法也很简单，只要把重写一下swiperefreshLayout的 onTouchEvent方法就可以了

代码：

[java]view plaincopy 
    
 package com.spring.swiperefreshlayout.view;  
   
 import android.content.Context;  
 import android.support.v4.widget.SwipeRefreshLayout;  
 import android.util.AttributeSet;  
 import android.view.MotionEvent;  
 import android.view.ViewGroup;  
 /** 
  * 为了不让webview的滚动事件和下拉更新的事件冲突，重写onTouchEvent事件，当webview滚动到最顶端的时候才有下拉刷新 
  * @author yd 
  * 
  */  
 public class ScrollSwipeRefreshLayout extends SwipeRefreshLayout {  
   
     private ViewGroup viewGroup ;  
       
     public ScrollSwipeRefreshLayout(Context context) {  
         super(context);  
     }  
     public ScrollSwipeRefreshLayout(Context context, AttributeSet attrs) {  
         super(context, attrs);  
     }  
     public ViewGroup getViewGroup() {  
         return viewGroup;  
     }  
     public void setViewGroup(ViewGroup viewGroup) {  
         this.viewGroup = viewGroup;  
     }  
   
     @Override  
     public boolean onTouchEvent(MotionEvent arg0) {  
         if(null!=viewGroup){  
             if(viewGroup.getScrollY()> 1){  
                 //直接截断时间传播  
                 return false;  
             }else{  
                 return super.onTouchEvent(arg0);  
             }  
         }  
         return super.onTouchEvent(arg0);  
     }  
       
 }  

main里面的代码使用跟之前的没有什么区别，只是多了设置一个子view给它。

eg：

[java]view plaincopy 
    
 package com.spring.swiperefreshlayout;  
   
 import android.app.Activity;  
 import android.os.Bundle;  
 import android.support.v4.widget.SwipeRefreshLayout.OnRefreshListener;  
 import android.webkit.WebChromeClient;  
 import android.webkit.WebView;  
 import android.webkit.WebViewClient;  
   
 import com.spring.swiperefreshlayout.view.ScrollSwipeRefreshLayout;  
   
 /** 
  * 浏览器的下拉更新 
  *  
  * @author yd 
  *  
  */  
 public class WebviewActivity extends Activity implements OnRefreshListener {  
   
     private WebView webView = null;  
   
     private ScrollSwipeRefreshLayout refreshLayout = null;  
   
     @Override  
     protected void onCreate(Bundle savedInstanceState) {  
         super.onCreate(savedInstanceState);  
         setContentView(R.layout.webview_layout);  
         webView = (WebView) this.findViewById(R.id.webview);  
         refreshLayout = (ScrollSwipeRefreshLayout) this.findViewById(R.id.refresh_layout);  
         refreshLayout.setViewGroup(webView);//设置监听滚动的子view  
         refreshLayout.setOnRefreshListener(this);  
         //设置颜色  
         refreshLayout.setColorScheme(R.color.green, R.color.gray, R.color.blue_50, R.color.light_white);  
         webView.loadUrl("http://blog.youkuaiyun.com/spring_he/article/details/19359099");  
         webView.setWebChromeClient(new WebChromeClient() {  
             @Override  
             public void onProgressChanged(WebView view, int newProgress) {  
                 super.onProgressChanged(view, newProgress);  
                 if (newProgress == 100) {  
                     //设置加载完成后结束动画  
                     refreshLayout.setRefreshing(false);  
                 }  
             }  
         });  
         webView.setWebViewClient(new WebViewClient() {  
             @Override  
             public boolean shouldOverrideUrlLoading(WebView view, String url) {  
                 view.loadUrl(url);  
                 return true;  
             }  
         });  
     }  
   
     @Override  
     public void onRefresh() {  
         //下拉重新加载  
         webView.reload();  
     }  
   
 }  