自定义listview实现下拉刷新的效果

最新推荐文章于 2018-08-16 15:31:00 发布
最新推荐文章于 2018-08-16 15:31:00 发布
阅读量540 收藏
点赞数
分类专栏： 安卓UI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014316462/article/details/50855816
版权

1.我们需要考虑的listview当前处于的几种状态

1)默认状态(DONE=3) 表示加载完成，刷新头部消失不见
这里写图片描述

2)正在刷新的状态(REFRESHING=2) 表示正在刷新的状态值
这里写图片描述

3)刚开始下拉但是还没有变成释放刷新的地方(PULL_To_REFRESH=1) 表示将要进行刷新
这里写图片描述

4)松开手就可以刷新的状态(RELEASE_To_REFRESH=0) 表示松开手就开始进行刷新
这里写图片描述

2.我们需要考虑listview下拉刷新时需要考虑的几个动作。
如何判断这些动作的产生？
我们可以实现ontouchevent的事件接口
1.当手指第一次触摸屏幕时，通过MotionEvent.ACTIOIN_DOWN记录下这个点击的Y轴坐标(startY)。
2.当手指移动的时候，通过MotionEvent.ACTION_MOVE做出相应的动作
这个比较复杂一点，首先你需要判断当前listview处于上面状态中的哪一个状态
1)如果处于DONE的状态，并且当前所在的位置(tempY>startY)，改变当前的state状态
2)如果处于PULL_To_REFRESH状态，判断当前手指移动的距离的三分之一是不是大于头部的宽度，如果是则将当前的state改变成RELEASE_To_REFRESH，如果tempY<=startY,则将当前的状态改变成DONE。
3)如果当前处于RELEASE_To_REFRESH状态，判断当前手指移动的距离的三分之一是不是小于头部的宽度，如果是state变成PULL_To_REFRESH，如果tempY小于等于startY,则将state变成DONE.
4)如果当前处于REFRESHING状态，则不做任何处理。

3.上面的两种事情解决了，我们就需要根据手指移动的距离动态显示头部刷新框显示的大小
还需要根据state状态改变头部刷新框的显示内容

4.还需要注意的一点就是监听listview的onScroll函数，假如当前listview的firstVisibleItem等于0，才可以进行下拉刷新的动作。

PullRefreshListview的文件内容

package com.example.pullrefreshlistview;

import java.util.Date;
import java.util.zip.Inflater;

import javax.crypto.spec.IvParameterSpec;

import android.content.Context;
import android.provider.SyncStateContract.Constants;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.LinearInterpolator;
import android.view.animation.RotateAnimation;
import android.widget.AbsListView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListAdapter;
import android.widget.ListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.ProgressBar;
import android.widget.TextView;

public class PullRefreshListview extends ListView implements OnScrollListener {

    LayoutInflater inflater;

    /*
     * 设置布局变量参数
     */
    int headerContentHeight;// 上拉显示框的宽度
    int state; // 当前状态
    final int REFRESHING = 2; // 正在刷新的状态值
    final int DONE = 3; // 表示加载完成
    int RATIO = 3;
    public final int RELEASE_To_REFRESH = 0; // 松开手刷新:准备从pull_to_refresh到refreshing,假如手机又上移会变成从新变成DONE

    public final int PULL_To_REFRESH = 1; // 从下拉返回到不刷新的状态值
    int startY; // 记录一下上一次记录的y坐标
    boolean isBack;
    boolean isRecored;
    OnRefreshListener listener; // 设置刷新的接口
    boolean isRefreshable = true; // 当前是够能够刷新
    private RotateAnimation animation;
    private RotateAnimation reverseAnimation;

    public void setListener(OnRefreshListener listener) {
        this.listener = listener;
    }

    /*
     * Listview头部下拉刷新的布局
     */
    private LinearLayout headerView;
    private TextView lvHeaderTipsTv;
    private TextView lvHeaderLastUpdatedTv;
    private ImageView lvHeaderArrowlv;
    private ProgressBar lvHeaderProgressBar;

    /*
     * 定义头部下拉刷新的布局高度+++
     */

    public PullRefreshListview(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }

    private void init(Context context) {
        setCacheColorHint(getResources().getColor(R.color.transparent));
        inflater = LayoutInflater.from(context);
        headerView = (LinearLayout) inflater.inflate(R.layout.lv_header, null);
        lvHeaderTipsTv = (TextView) headerView
                .findViewById(R.id.lvHeaderTipsTv);
        lvHeaderLastUpdatedTv = (TextView) headerView
                .findViewById(R.id.lvHeaderLastUpdatedTv);
        lvHeaderArrowlv = (ImageView) headerView
                .findViewById(R.id.ivHeaderArrowlv);
        lvHeaderArrowlv.setMinimumHeight(70);
        lvHeaderArrowlv.setMinimumWidth(50);
        lvHeaderProgressBar = (ProgressBar) headerView
                .findViewById(R.id.ivHeaderProgressBar);
        measureView(headerView);
        headerContentHeight = headerView.getMeasuredHeight();
        Log.i("headerContentHeight", headerContentHeight+"");
        headerView.setPadding(0, -1 * headerContentHeight, 0, 0);
        headerView.invalidate();
        addHeaderView(headerView);
        animation = new RotateAnimation(0, -180,
                RotateAnimation.RELATIVE_TO_SELF, 0.5f,
                RotateAnimation.RELATIVE_TO_SELF, 0.5f);
        animation.setInterpolator(new LinearInterpolator());
        animation.setDuration(250);
        animation.setFillAfter(true);

        reverseAnimation = new RotateAnimation(-180, 0,
                RotateAnimation.RELATIVE_TO_SELF, 0.5f,
                RotateAnimation.RELATIVE_TO_SELF, 0.5f);
        reverseAnimation.setInterpolator(new LinearInterpolator());
        reverseAnimation.setDuration(250);
        reverseAnimation.setFillAfter(true);
        setOnScrollListener(this);
        state = DONE;
        isRefreshable = false;

    }

    /**
     * 
     * @param child
     *            该函数用来估计child的width和height
     */
    private void measureView(View child) {
        ViewGroup.LayoutParams params = child.getLayoutParams();
        if (params == null) {
            params = new ViewGroup.LayoutParams(
                    ViewGroup.LayoutParams.MATCH_PARENT,
                    ViewGroup.LayoutParams.WRAP_CONTENT);

        }
        int childWidthSpec = ViewGroup.getChildMeasureSpec(0, 0, params.width);
        int lpHeight = params.height;
        int childHeightSpec;
        if (lpHeight > 0) {
            childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight,
                    MeasureSpec.EXACTLY);
        } else {
            childHeightSpec = MeasureSpec.makeMeasureSpec(0,
                    MeasureSpec.UNSPECIFIED);
        }
        child.measure(childWidthSpec, childHeightSpec);

    }

    public PullRefreshListview(Context context, AttributeSet attrs,
            int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        init(context);
    }

    public PullRefreshListview(Context context, AttributeSet attrs,
            int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    public PullRefreshListview(Context context) {
        super(context);
        init(context);
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        if (isRefreshable) {
            switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                if (!isRecored) {
                    isRecored = true;
                    startY = (int) ev.getY();
                    Log.i("startY", startY+"");
                }
                break;

            case MotionEvent.ACTION_UP:
                if (state != REFRESHING) {
                    if (state == PULL_To_REFRESH) {
                        state = DONE;
                        changeHeaderViewByState();
                    }
                    if (state == RELEASE_To_REFRESH) {
                        state = REFRESHING;
                        changeHeaderViewByState();
                        onLvRefresh();
                    }
                }
                isRecored = false;
                isBack = false;
                break;

            case MotionEvent.ACTION_MOVE:
                int tempY = (int) ev.getY();
                if (!isRecored) {
                    isRecored = true;
                    startY = tempY;
                }
                if ( state != REFRESHING) {
                    if (state == RELEASE_To_REFRESH) {
                        setSelection(0);
                        if (((tempY - startY) / RATIO < headerContentHeight)
                                && (tempY - startY) > 0) {
                            state = PULL_To_REFRESH;
                            changeHeaderViewByState();
                        } else if ((tempY - startY) <= 0) {
                            state = DONE;
                            changeHeaderViewByState();
                        }
                    }
                    if(state==PULL_To_REFRESH)
                    {
                        setSelection(0);
                        if((tempY-startY)/RATIO>=headerContentHeight)
                        {
                            state=RELEASE_To_REFRESH;
                            isBack=true;
                            changeHeaderViewByState();
                        }else if(tempY-startY<=0)
                        {
                            state=DONE;
                            changeHeaderViewByState();
                        }
                    }

                    // done状态下
                    if (state == DONE) {
                        if (tempY - startY > 0) {
                            state = PULL_To_REFRESH;
                            changeHeaderViewByState();
                        }
                    }
                    // 更新headView的size
                    if (state == PULL_To_REFRESH) {
                        headerView.setPadding(0, -1 * headerContentHeight
                                + (tempY - startY) / RATIO, 0, 0);

                    }
                    // 更新headView的paddingTop
                    if (state == RELEASE_To_REFRESH) {
                        headerView.setPadding(0, (tempY - startY) / RATIO
                                - headerContentHeight, 0, 0);
                    }           
                    }

                break;
            }
        }
        return super.onTouchEvent(ev);
    }

    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {
        // TODO Auto-generated method stub

    }

    @Override
    public void onScroll(AbsListView view, int firstVisibleItem,
            int visibleItemCount, int totalItemCount) {
        if (firstVisibleItem == 0)
            isRefreshable = true;
        else
            isRefreshable = false;

    }

    interface OnRefreshListener {
        void onRefresh();
    }

    public void onRefreshComplete() {
        state = DONE;
        lvHeaderLastUpdatedTv.setText("最新更新:" + new Date().toLocaleString());
        headerView.setPadding(0, -1 * headerContentHeight, 0, 0);
    }

    public void onLvRefresh() {
        if (listener != null)
            listener.onRefresh();
    }

    public void changeHeaderViewByState() {
        switch (state) {
        case RELEASE_To_REFRESH: // 表示当前的手势是下拉但是还没有释放，当前手还放在屏幕上
            lvHeaderArrowlv.setVisibility(View.VISIBLE);
            lvHeaderProgressBar.setVisibility(View.GONE);
            lvHeaderTipsTv.setVisibility(View.VISIBLE);
            lvHeaderLastUpdatedTv.setVisibility(View.VISIBLE);
            lvHeaderArrowlv.clearAnimation();
            lvHeaderArrowlv.startAnimation(animation);
            lvHeaderTipsTv.setText("松开刷新");
            break;

        case PULL_To_REFRESH:
            lvHeaderProgressBar.setVisibility(View.GONE);
            lvHeaderTipsTv.setVisibility(View.VISIBLE);
            lvHeaderLastUpdatedTv.setVisibility(View.VISIBLE);
            lvHeaderArrowlv.clearAnimation();
            lvHeaderArrowlv.setVisibility(View.VISIBLE);
            if (isBack) {// 这里表示该状态是从RELEASE_REFRESH状态这个状态
                isBack = false;
                lvHeaderArrowlv.clearAnimation();
                lvHeaderArrowlv.startAnimation(reverseAnimation);
                lvHeaderTipsTv.setText("下拉刷新");
            } else {
                lvHeaderTipsTv.setText("下拉刷新");
            }
            break;

        case REFRESHING:
            headerView.setPadding(0, 0, 0, 0);
            lvHeaderProgressBar.setVisibility(View.VISIBLE);
            lvHeaderArrowlv.clearAnimation();
            lvHeaderArrowlv.setVisibility(View.GONE);
            lvHeaderTipsTv.setText("正在刷新...");
            lvHeaderLastUpdatedTv.setVisibility(View.VISIBLE);
            break;

        case DONE:
            headerView.setPadding(0, -1 * headerContentHeight, 0, 0);
            lvHeaderProgressBar.setVisibility(View.GONE);
            lvHeaderArrowlv.clearAnimation();
            lvHeaderArrowlv.setImageResource(R.drawable.arrow);
            lvHeaderTipsTv.setText("下拉刷新");
            lvHeaderLastUpdatedTv.setVisibility(View.VISIBLE);
            break;

        }
    }

    @Override
    public void setAdapter(ListAdapter adapter) {
        // TODO Auto-generated method stub
        onRefreshComplete();
        super.setAdapter(adapter);
    }

}

listview的适配器
LvAdapter.java

public class LvAdapter extends BaseAdapter {
    private List<String> list;
    private Context context;

    public LvAdapter(List<String> list, Context context) {
        this.list = list;
        this.context = context;
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        TextView tv = new TextView(context.getApplicationContext());
        tv.setText(list.get(position));
        return tv;
    }

}

Mainactivity.java

package com.example.pullrefreshlistview;

import java.util.ArrayList;
import java.util.List;

import com.example.pullrefreshlistview.PullRefreshListview.OnRefreshListener;

import android.app.Activity;
import android.os.AsyncTask;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.TextView;

public class MainActivity extends Activity {
    private TextView loadMoreTv;
    private List<String> list;
    private PullRefreshListview lv;
    private LvAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        lv = (PullRefreshListview) findViewById(R.id.lv);
        list = new ArrayList<String>();
        list.add("新新闻");
        list.add("loonggg");
        list.add("samon");
        list.add("我们都是开发者");
        list.add("我们都是开发者");
        list.add("我们都是开发者");
        list.add("我们都是开发者");
        list.add("我们都是开发者");
        list.add("我们都是开发者");
        list.add("我们都是开发者");
        list.add("我们都是开发者");

        adapter = new LvAdapter(list, this);
        lv.setAdapter(adapter);

        lv.setListener(new OnRefreshListener() {

            @Override
            public void onRefresh() {
                // TODO Auto-generated method stub
                new AsyncTask<Void, Void, Void>() {
                    protected Void doInBackground(Void... params) {
                        try {
                            Thread.sleep(1000);
                        } catch (Exception e) {
                            e.printStackTrace();
                        }
                        for (int i = 0; i < 20; i++) {
                            list.add("刷新后添加的内容");
                        }

                        return null;
                    }

                    @Override
                    protected void onPostExecute(Void result) {
                        adapter.notifyDataSetChanged();
                        lv.onRefreshComplete();
                    }
                }.execute(null, null, null);
            }
        });
    }
}

大体的实现就是这样了，如果需要下载源代码，可以到这里下载:https://github.com/gxl1240779189/PullRefreshListview.git

betterAndroider
关注
专栏目录
Android自定义ListView，轻松实现上下拉刷新，一看就懂，一学就会，超简单，从原理出发。
09-24
Android自定义ListView，轻松实现上下拉刷新，一看就懂，一学就会，超简单，从原理出发。用别人的，不如会自己的。我已经将注释写的是否清楚，相信你看完此项目，已经对listview胸有成竹。
自定义ListView实现下拉刷新效果
01-25
自定义ListView实现下拉刷新效果 开发中难免会遇到自定义控件这类的，独自开发确实很伤脑经，这一边是关于自己新建一个类继承listview 实现下拉刷新提示效果，希望可以给大家在开发中起到提高效率，给初学者学习。...
自定义View（ListView）下拉刷新
BoriseLee
08-16 744
下拉刷新的操作流程: 1.用户手指在ListView页面按下并下拉 2.出现一个提示View在listView顶部 3.listView内容更新，顶部view显示后隐藏 具体实现步骤 创建继承Listview的RefreshListView,并添加顶部提示view public class RefreshListView extends ListView {     View head...
带有下拉刷新功能的Listview控件
chaishen10000的专栏
03-29 2037
1.原理 其实就是继承了Listview控件，为其默认加一个header，这个header就是带箭头的那些东西。然后override onTouchEvent函数，根据滑动过程中y坐标的变化来动态修改header的状态（包括箭头的方向和文字提示），其他用法和普通的Listview一样。 [java] view plaincopy publi
ListView实现下拉刷新（三）实现下拉刷新
bai8005的博客
10-10 336
该准备的东西都已经准备好了。在这篇文章里，我们就开始实现下拉刷新功能吧。 一、大体的逻辑分析 我们来简单分析一下需要做的逻辑吧。首先分析头布局有几种状态。不下拉时，为正常状态，此时头布局隐藏。下拉到一定高度，提示信息变为“下拉刷新”，箭头朝下，此为下拉状态。再往下拉，提示信息变为“松开刷新”，箭头朝上，此为提示刷新状态。而此时松开手指，则执行...
ListView下拉刷新
06-05 494
绝大多数人，在绝大多数时候，都只能靠自己。 本讲内容：ListView下拉刷新 android中实现view的更新有两组方法，一组是invalidate，另一组是postInvalidate，其中前者是在UI线程自身中使用，而后者在非UI线程中使用。
自定义ListView实现下拉刷新+加载更多功能Demo
10-09
这个"自定义ListView实现下拉刷新+加载更多功能Demo"旨在帮助开发者理解如何集成这样的交互效果到他们的应用中。 首先，下拉刷新功能（Pull-to-Refresh）让用户可以通过在ListView顶部向下拉动来刷新数据。这种功能...
Android自定义ListView实现下拉刷新
01-05
现在也有各种自定义ListView实现PullToRefreshListView的控件，无非就是在header加入一个控件，通过setPadding的方式来改变显示效果。效果已经太out了，如意中发现google自带的swiperefreshlayout实现的效果挺不错，...
listview下拉刷新
Zuo_XP的博客
09-29 491
功能：下拉刷新listview，没有下拉刷新的时候，自动隐藏刷新属性 步骤：1.创建layout布局，该布局为下拉刷新的布局 代码： xml version="1.0" encoding="utf-8"?> xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horiz
Android类ListView下拉刷新控件实现
03-02
Android下拉刷新，在目前好多应用被使用到。比如微博，下拉刷新更多数据。一般我们在运用的ListView，本身就实现了下拉获取更多数据。只是这个下拉刷新的操作时在listView拉到底端的监听。对于ListView刷新，我们可以分为两种情况：1.获取更多的数据，按服务器数据库时间顺序存储入情况，此刻我们是获取是显示在我们应用中的数据更早前的数据，这也是最常见的情况。比如（微博获取更多信息，就是获取更多更早前的信息，然后动态的添加到已有的数据的下方）；2.获取更多的最新的数据，其实还是一种获取更多的操作方式。但是这里主要考虑到用户的操作习惯了。一般，用户的操作习惯分这么两种第一种，获取下一页
ListView实现下拉刷新加载更多的实例代码(直接拿来用)
01-05
ListView Api bixu 好好看看 mNewsAdapter.notifyDataSetChanged();//刷新ListView 自定义的RefreashListView package com.itguang.dell_pc.myapplication.view; import android.content.Context; import android.util.AttributeSet; import android.view.MotionEvent; import android.view.View; import android.view.animation.Ani
Android ListView 下拉刷新、上拉加载
06-01
NULL 博文链接：https://geningaixin.iteye.com/blog/2034379
自定义ListView下拉刷新上拉加载功能（面试）
smile0528的博客
08-26 848
ListView下拉刷新上拉加载的原理： 添加一个头和一个脚，然后对头和脚进行一些具体的处理，还要提供回调方法在外界进行具体的逻辑实现想要的功能。 对头进行的处理，即执行下拉加载： 在onTouchEvent方法的ACTION_DOWN,ACTION_MOVE和ACTION_UP的三种触摸状态中进行具体的业务处理 对脚的处理，即执行上拉加载： 在onScrollStateChanged（
下拉刷新ListView
qq_35244415的博客
01-17 261
ViewGroup拥有下面3个Touch相关方法   dispatchTouchEvent(MotionEvent ev)  用于Touch事件的颁发   onInterceptTouchEvent(MotionEvent ev) 用于拦截Touch事件   onTouchEvent(MotionEvent event) 用于处理Touch事件 Activity、View拥有下面2
自定义ListView实现下拉刷新功能
通过以上步骤，我们便可以在Android应用中实现一个基本的ListView下拉刷新功能。然而，实际项目中可能会有更复杂的需求，如上拉加载更多、自定义头部视图等，这些可以通过扩展此基础实现来完成。Android SDK也提供了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值