android之官方下拉刷新组件SwipeRefreshLayout

转载 2017年01月03日 14:02:27

文章出处 http://www.open-open.com/lib/view/open1430797271054.html

一、问题描述

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

先看效果图:

android之官方下拉刷新组件SwipeRefreshLayoutandroid之官方下拉刷新组件SwipeRefreshLayout

二、SwipeRefreshLayout的具体用法

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

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

android之官方下拉刷新组件SwipeRefreshLayout

接口中的方法:

 android之官方下拉刷新组件SwipeRefreshLayout

除了OnRefreshListener接口外,SwipRefreshLayout中还有一些其他重要的方法,具体如下:

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

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

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

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

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

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

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.SwipeRefreshLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:id="@+id/swipeLayout" >
     
    <ListView 
        android:id="@+id/mylist"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
    
</android.support.v4.widget.SwipeRefreshLayout>

Activity核心代码如下:

swipeRefreshLayout = (SwipeRefreshLayout)findViewById(R.id.swipeLayout);

        swipeRefreshLayout.setColorSchemeResources(R.color.swipe_color_1,
                R.color.swipe_color_2,
                R.color.swipe_color_3,
                R.color.swipe_color_4);
        swipeRefreshLayout.setSize(SwipeRefreshLayout.LARGE);;
        swipeRefreshLayout.setProgressBackgroundColor(R.color.swipe_background_color);
        //swipeRefreshLayout.setPadding(20, 20, 20, 20);
        //swipeRefreshLayout.setProgressViewOffset(true, 100, 200);
        //swipeRefreshLayout.setDistanceToTriggerSync(50);
        swipeRefreshLayout.setProgressViewEndTarget(true, 100);
        swipeRefreshLayout.setOnRefreshListener(new OnRefreshListener() {
            @Override
            public void onRefresh() {
                new Thread(new Runnable() {
                    @Override
                    public void run() {
                        data.clear();
                        for(int i=0;i<20;i++){
                            data.add("SwipeRefreshLayout下拉刷新"+i);
                        }
                        try {
                            Thread.sleep(5000);
                        } catch (InterruptedException e) {
                            e.printStackTrace();
                        }
                        mHandler.sendEmptyMessage(1);
                    }
                }).start();
            }
        });
    //handler
    private Handler mHandler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            switch (msg.what) {
            case 1:
                
                swipeRefreshLayout.setRefreshing(false);
                adapter.notifyDataSetChanged();
                //swipeRefreshLayout.setEnabled(false);
                break;
            default:
                break;
            }
        }
    };

通过如上步骤,我们就实现了一个简单的下拉刷新操作,在此基础上,我们可以分析研究一下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,至此我们也就明白了下来进度动画是如何实现的了,具体的细节在不做过多赘述,可自行查看源码

class CircleImageView extends ImageView

class MaterialProgressDrawable extends Drawable implements Animatable

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

Android下拉刷新控件SwipeRefreshLayout源码浅析

简要分析SwipeRefreshLayout的源码,了解其原理和绘制流程,提供了自定义样式的思路。...
  • u011443509
  • u011443509
  • 2016年07月25日 00:05
  • 3144

Android SwipeRefreshLayout 官方下拉刷新控件介绍

下面App基本都有下拉刷新的功能,以前基本do
  • lmj623565791
  • lmj623565791
  • 2014年04月26日 14:48
  • 154122

Android--Google官方下拉刷新SwipeRefreshLayout(附加增加上拉加载)

Demo_SwipeRefreshLayout 转载请注明地址: 下拉刷新是用系统的控件,但是这控件本身不带有上拉加载,上拉加载需要在ListView的Adapter中设置 需要V4包的...
  • skyunicorn
  • skyunicorn
  • 2016年07月01日 16:43
  • 3032

RecycleView + SwipeRefreshLayout 实现下拉刷新

1、RecycleView的三种布局方式的展示(瀑布流,水平排版、GridView) 2、SwipeRefreshLayout实现下拉刷新 3、自带删除、增加动画效果...
  • wuyinlei
  • wuyinlei
  • 2015年11月12日 22:13
  • 3685

谷歌官方两种下拉刷新样式(横线样式、圆圈样式)

下拉刷新经常会用到,谷歌官方也推出了自己的下拉刷新控件SwipeRefreshLayout,使用也非常简单。直接在Listview,Gridview等外层嵌套android.support.v4.wi...
  • breeze_wf
  • breeze_wf
  • 2015年03月03日 10:27
  • 6117

Android 下拉刷新控件SwipeRefreshLayout结合WebView使用

SwipeRefreshLayout 是谷歌官方下拉刷新控件,4.0以下的版本需要用到  android-support-v4.jar包才能用到 android-support-v4.jar 包下载...
  • h7870181
  • h7870181
  • 2014年08月19日 16:03
  • 28571

Android原生下拉刷新SwipeRefreshLayout实践

本篇文章翻译自Ravi Tamada的Android Swipe Down to Refresh ListView Tutorial首先来看一下效果图你应该发现许多的android app例如Twit...
  • nugongahou110
  • nugongahou110
  • 2015年07月27日 22:25
  • 5064

SwipeRefreshLayout-下拉刷新控件

SwipeRefreshLayout彩虹条加载进度
  • Z18789231876
  • Z18789231876
  • 2016年04月22日 18:00
  • 799

解读Google官方SwipeRefreshLayout控件源码,带你揭秘Android下拉刷新的实现原理

前言想必大家也发现,时下的很多App都应用了这个Google出品的SwipeRefreshLayout下拉刷新控件,它以Material Design风格、适用场景广泛,简单易用等特性而独步江湖。但在...
  • TellH
  • TellH
  • 2016年03月02日 22:42
  • 7365

使用SwipeRefreshLayout和RecyclerView实现下拉刷新上拉加载更多

效果图: 文件目录 布局文件
  • zhe_ge_sha_shou
  • zhe_ge_sha_shou
  • 2017年03月28日 19:42
  • 728
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:android之官方下拉刷新组件SwipeRefreshLayout
举报原因:
原因补充:

(最多只允许输入30个字)