android之官方下拉刷新组件SwipeRefreshLayout

一、问题描述

公司主营业务：成都网站建设、做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。成都创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联公司推出蒸湘免费做网站回馈大家。

在Android开发中，使用最多的数据刷新方式就是下拉刷新了，而完成此功能我们使用最多的就是第三方的开源库PullToRefresh。现如今，google也忍不住推出了自己的下拉组件SwipeRefreshLayout，下面我们通过api文档和源码来分析学习如何使用SwipeRefreshLayout。

先看效果图：

二、SwipeRefreshLayout的具体用法

下面我们来看SwipeRefreshLayout的具体用法，顾名思义此组件就是一个布局，只不过要注意的是此布局内只能有一个直接子View。其实通过文档我们可以知道SwipeRefreshLayout只不过是继承了ViewGroup。

查看文档，我们可以知道，在SwipRefreshLayout中存在一个接口，通过此接口我们可以监听滑动手势，其实使用此组件最重要的步骤就是实现此接口的onRefresh方法，在此方法中实现数据的更新操作。如下：

接口中的方法：

1、setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener):设置手势滑动监听器。

2、setProgressBackgroundColor(int colorRes):设置进度圈的背景色。

3、setColorSchemeResources(int… colorResIds):设置进度动画的颜色。

4、setRefreshing(Boolean refreshing):设置组件的刷洗状态。

5、setSize(int size):设置进度圈的大小，只有两个值：DEFAULT、LARGE

弄清楚API后，我们下面进行实际编码，首先先做布局，具体内容如下：

 
 
 
 
      
  
  
  
  1.  
    2.   
  
  
  
  2.   
  
  
  
  3.     xmlns:android="http://schemas.android.com/apk/res/android" 
    4.   
  
  
  
  4.     android:layout_width="match_parent" 
    5.   
  
  
  
  5.     android:layout_height="match_parent" 
    6.   
  
  
  
  6.     android:orientation="vertical" 
    7.   
  
  
  
  7.     android:id="@+id/swipeLayout" > 
    8.   
  
  
  
  8.       
    9.   
  
  
  
  9.       
  
  
  
  10.         android:id="@+id/mylist" 
    11.   
  
  
  
  11.         android:layout_width="match_parent" 
    12.   
  
  
  
  12.         android:layout_height="wrap_content"/> 
    13.   
  
  
  
  13.      
    14.   
  
  
  
  14.  
    15.

#p#

Activity核心代码如下：

 
 
 
 
      
  
  
  
  1. swipeRefreshLayout = (SwipeRefreshLayout)findViewById(R.id.swipeLayout); 
    2.   
  
  
  
  2.  
    3.   
  
  
  
  3.         swipeRefreshLayout.setColorSchemeResources(R.color.swipe_color_1, 
    4.   
  
  
  
  4.                 R.color.swipe_color_2, 
    5.   
  
  
  
  5.                 R.color.swipe_color_3, 
    6.   
  
  
  
  6.                 R.color.swipe_color_4); 
    7.   
  
  
  
  7.         swipeRefreshLayout.setSize(SwipeRefreshLayout.LARGE);; 
    8.   
  
  
  
  8.         swipeRefreshLayout.setProgressBackgroundColor(R.color.swipe_background_color); 
    9.   
  
  
  
  9.         //swipeRefreshLayout.setPadding(20, 20, 20, 20); 
    10.   
  
  
  
  10.         //swipeRefreshLayout.setProgressViewOffset(true, 100, 200); 
    11.   
  
  
  
  11.         //swipeRefreshLayout.setDistanceToTriggerSync(50); 
    12.   
  
  
  
  12.         swipeRefreshLayout.setProgressViewEndTarget(true, 100); 
    13.   
  
  
  
  13.         swipeRefreshLayout.setOnRefreshListener(new OnRefreshListener() { 
    14.   
  
  
  
  14.             @Override 
    15.   
  
  
  
  15.             public void onRefresh() { 
    16.   
  
  
  
  16.                 new Thread(new Runnable() { 
    17.   
  
  
  
  17.                     @Override 
    18.   
  
  
  
  18.                     public void run() { 
    19.   
  
  
  
  19.                         data.clear(); 
    20.   
  
  
  
  20.                         for(int i=0;i<20;i++){ 
    21.   
  
  
  
  21.                             data.add("SwipeRefreshLayout下拉刷新"+i); 
    22.   
  
  
  
  22.                         } 
    23.   
  
  
  
  23.                         try { 
    24.   
  
  
  
  24.                             Thread.sleep(5000); 
    25.   
  
  
  
  25.                         } catch (InterruptedException e) { 
    26.   
  
  
  
  26.                             e.printStackTrace(); 
    27.   
  
  
  
  27.                         } 
    28.   
  
  
  
  28.                         mHandler.sendEmptyMessage(1); 
    29.   
  
  
  
  29.                     } 
    30.   
  
  
  
  30.                 }).start(); 
    31.   
  
  
  
  31.             } 
    32.   
  
  
  
  32.         }); 
    33.   
  
  
  
  33.     //handler 
    34.   
  
  
  
  34.     private Handler mHandler = new Handler(){ 
    35.   
  
  
  
  35.         @Override 
    36.   
  
  
  
  36.         public void handleMessage(Message msg) { 
    37.   
  
  
  
  37.             super.handleMessage(msg); 
    38.   
  
  
  
  38.             switch (msg.what) { 
    39.   
  
  
  
  39.             case 1: 
    40.   
  
  
  
  40.                  
    41.   
  
  
  
  41.                 swipeRefreshLayout.setRefreshing(false); 
    42.   
  
  
  
  42.                 adapter.notifyDataSetChanged(); 
    43.   
  
  
  
  43.                 //swipeRefreshLayout.setEnabled(false); 
    44.   
  
  
  
  44.                 break; 
    45.   
  
  
  
  45.             default: 
    46.   
  
  
  
  46.                 break; 
    47.   
  
  
  
  47.             } 
    48.   
  
  
  
  48.         } 
    49.   
  
  
  
  49.     }; 
    50.

通过如上步骤，我们就实现了一个简单的下拉刷新操作，在此基础上，我们可以分析研究一下SwipeRefreshLayout是如何实现的。

通过源码我们发现SwipeRefreshLayout中的两个重要的属性：

private MaterialProgressDrawable mProgress;

private CircleImageView mCircleView;
这两个属性正是用于实现进度动画效果的，在方法createProgressView中，我们看到mCircleView最终加入到了SwipeRefreshLayout中。

private void createProgressView() {
mCircleView = new CircleImageView(getContext(), CIRCLE_BG_LIGHT, CIRCLE_DIAMETER/2);
mProgress = new MaterialProgressDrawable(getContext(), this);
mProgress.setBackgroundColor(CIRCLE_BG_LIGHT);
mCircleView.setImageDrawable(mProgress);
mCircleView.setVisibility(View.GONE);
addView(mCircleView);
}

同时我们也可以查看到CirlceImageView继承了ImageView，MaterialProgressDrawabel继承了Drawable，至此我们也就明白了下来进度动画是如何实现的了，具体的细节在不做过多赘述，可自行查看源码

lass CircleImageView extends ImageView

class MaterialProgressDrawable extends Drawable implements Animatable

具体的下拉功能实现主要是在onInterceptTouchEvent、onTouchEvent方法中完成的，在此我就不在将具体代码贴出来了，大家可自行查看。

网页标题：android之官方下拉刷新组件SwipeRefreshLayout
本文地址：http://www.shufengxianlan.com/qtweb/news49/118199.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

ChatGPT知识

各行业网站

微信公众号二次开发　　 　腾讯云虚拟主机　　 　四川成都托管服务器　　 　内江网站建设　　 　正泰动物　　 　成都网站优化　　 　成都服务器机柜租用　　 　网站建设策划方案　　 　西部信息服务器托管　　 　内江做网站　　 　四川黔盛装饰　　 　定制网站设计　　 　成都微信小程序开发　　 　成都免费网站建设公司　　 　成都康明斯发电机　　 　自适应网站　　 　酒柜书柜鞋柜定制　　 　产品包装设计　　 　成都logo设计标志　　 　Android开发