仿美团下拉刷新效果（大众点评下拉刷新吃包子的效果也可以这么实现）

        

       虽然现在有很多的下拉刷新的开源框架可以使用，并且使用起来也都是很方便。但是如果想要修改下拉刷新的显示效果，可能用那些开源框架实现起来就不是那么方便。

       

        并且在出去面试的时候，如果被人问道下拉刷新你是怎么做的，如果你告诉别人你是用的第三方的框架，那么对你的面试并没有什么好处，而且不利于你找到高薪的工作，但是如果，你说是自己写的，那你找工作成功的几率就会大很多，而且找到高薪的工作的可能性也会更大。

       所以本文就采用自己实现的方式，实现ListView的下拉刷新，并且添加仿美团的刷新展示效果，先上效果图：

              

实现原理：

    布局

    整体的容器时使用相对布局，下层是放置了一个ImageView用于显示美团的小人，上层是放置了一个ListView(其实也可以放置别的View，看你的需要了)。下面看一下布局文件内容：

   

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/con"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!--顶部拉出来的视图-->
    <ImageView
        android:id="@+id/refresh_img"
        android:src="@mipmap/pull_image"
        android:layout_marginTop="10dp"
        android:layout_centerHorizontal="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ListView
        android:id="@+id/list"
        android:background="@android:color/white"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:entries="@array/content" />

</RelativeLayout>

然后是代码，代码里注释比较详细，这里就不在用文字进行描述了，直接看代码吧，如果看不懂可以留言。代码：

package com.libin.lbrefresh;

import android.graphics.drawable.AnimationDrawable;
import android.os.Build;
import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.RelativeLayout;
import android.widget.Toast;


/**
 * MotionEvent
 *   1、getY()  换算过后基于View的Y坐标
 *   2、getRawY()  不经处理基于屏幕的Y坐标
 */

public class MainActivity extends AppCompatActivity {

    private ListView listView;
    private float startPX;//触摸的开始点坐标
    private int startTopMargin;//ListView的原始上边距
    private RelativeLayout.LayoutParams params;
    private ImageView refreshImg;
    private int topMargin;//随手指滑动计算的上边距(即下拉的距离)
    private AnimationDrawable drawable;
    private static final int PULL_DISTANCE = 400;//下拉刷新的触发距离
    private Handler handler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            int what = msg.what;
            //刷新结束后，复原ListView
            if(what == 100){
                drawable.stop();
                params.topMargin = startTopMargin;
                listView.setLayoutParams(params);
                refreshImg.setImageResource(R.mipmap.pull_image);
                Toast.makeText(MainActivity.this,"刷新成功",Toast.LENGTH_SHORT).show();
                /*
                这里有一段更新ListView数据的代码，就是notifyDatasetChanged()等等
                 */
            }
        }
    };


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView = (ListView) findViewById(R.id.list);
        refreshImg = (ImageView) findViewById(R.id.refresh_img);
        listView.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                int action = event.getAction();
                switch (action){
                    case MotionEvent.ACTION_DOWN:
                        //记录手指初始触摸点的坐标
                        startPX = event.getRawY();
                        //记录ListView初始的上边距
                        params = (RelativeLayout.LayoutParams) listView.getLayoutParams();
                        startTopMargin = params.topMargin;
                        break;
                    case MotionEvent.ACTION_MOVE:
                        //计算手指在屏幕上滑动过的距离
                        topMargin = (int) (event.getRawY() - startPX);
                        //判断是否达到触发刷新的距离
                        if(topMargin < PULL_DISTANCE && topMargin > 0){
                            params.topMargin = topMargin;
                            listView.setLayoutParams(params);
                        }

                        if(Build.VERSION.SDK_INT >= 11){
                            float fraction = topMargin * 1.0f / PULL_DISTANCE;
                            //缩放下拉提示小人
                            if(fraction <= 1){
                                refreshImg.setScaleX(fraction);
                                refreshImg.setScaleY(fraction);
                            }
                            //放出小人
                            else if(fraction > 1 && fraction <=1.1){
                                refreshImg.setImageResource(R.mipmap.pull_end_image_frame_01);
                            }else if(fraction > 1.1 && fraction <=1.2){
                                refreshImg.setImageResource(R.mipmap.pull_end_image_frame_02);
                            }else if(fraction > 1.2 && fraction <= 1.3){
                                refreshImg.setImageResource(R.mipmap.pull_end_image_frame_03);
                            }else if(fraction > 1.3 && fraction <= 1.4){
                                refreshImg.setImageResource(R.mipmap.pull_end_image_frame_04);
                            }else{
                                refreshImg.setImageResource(R.mipmap.pull_end_image_frame_05);
                            }
                        }
                        break;
                    case MotionEvent.ACTION_UP:
                        //未触发刷新
                        if(topMargin < PULL_DISTANCE){
                            refreshImg.setImageResource(R.mipmap.pull_image);
                            params.topMargin = startTopMargin;
                            listView.setLayoutParams(params);
                        }
                        //触发刷新(这是关键点)
                        else{
                            refreshImg.setImageResource(R.drawable.refresh);
                            drawable = (AnimationDrawable) refreshImg.getDrawable();
                            drawable.start();
                            //执行刷新功能，一般是网络请求
                            new Thread(
                                    new Runnable() {
                                        @Override
                                        public void run() {
                                            //这里添加网络请求的代码，不过因为这不是刷新的关键，故用阻塞线程模拟网络请求用了3秒
                                            try {
                                                Thread.sleep(3 * 1000);
                                            } catch (InterruptedException e) {
                                                e.printStackTrace();
                                            }
                                            //请求完毕，处理小人
                                            handler.sendEmptyMessage(100);
                                        }
                                    }
                            ).start();
                        }
                        //提示刷新
                        float deltaY = event.getRawY() - startPX;
                        if (deltaY > PULL_DISTANCE){
                            Toast.makeText(MainActivity.this,"正在刷新...",Toast.LENGTH_SHORT).show();
                        }
                        break;
                    default:
                        break;
                }
                return false;
            }
        });
    }
}