ListView加一个头布局–下拉刷新思路

最新推荐文章于 2018-01-03 16:58:05 发布
最新推荐文章于 2018-01-03 16:58:05 发布
阅读量497 收藏
点赞数
分类专栏： Android开发实践 文章标签： android 下拉刷新 重写ListView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31706571/article/details/52817743
版权

Android ListView加一个头布局–下拉刷新思路

1.首先是下拉要显示的界面先定义好

2.定义一个类继承ListView并实现里面所有的构造方法 并用此ListView做布局

public RefreshListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        initView();
    }

    public RefreshListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    public RefreshListView(Context context) {
        super(context);
        initView();
    }

3.定义一个方法使ListView加一个头布局 this.addHeaderView(下拉界面的view)，测量V下拉iew的高度 : .measure(0, 0);
获取高度： getMeasureHeight(); 同时要把获取的高度首先隐藏 即把下拉界面padding一个负值 

mHeaderView = View.inflate(getContext(), R.layout.list_refresh_header,
                null);
        this.addHeaderView(mHeaderView);// 添加头布局

        // 隐藏头布局(1, 获取头布局高度, 2.设置负paddingTop,布局就会往上走)
        // int height = mHeaderView.getHeight();//此处无法获取高度,因为布局还没有绘制完成
        // 绘制之前就要获取布局高度
        mHeaderView.measure(0, 0);// 手动测量布局
        mHeaderViewHeight = mHeaderView.getMeasuredHeight();// 测量之后的高度
        // 隐藏头布局
        mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);

4.此时可以发现下拉刷新功能有三个状态 1.下拉刷新 2.松开刷新 3.正在刷新 默认为下拉刷新状态

private void refreshState() {
        switch (mCurrentState) {
        case STATE_PULL_TO_REFRESH:
            tvTitle.setText("下拉刷新");
            // 箭头向下移动
            ivArrow.startAnimation(animDown);
            // 隐藏进度条
            pbLoading.setVisibility(View.INVISIBLE);
            ivArrow.setVisibility(View.VISIBLE);
            break;
        case STATE_RELEASE_TO_REFRESH:
            tvTitle.setText("松开刷新");
            // 箭头向上移动
            ivArrow.startAnimation(animUp);
            // 隐藏进度条
            pbLoading.setVisibility(View.INVISIBLE);
            ivArrow.setVisibility(View.VISIBLE);
            break;
        case STATE_REFRESHING:
            tvTitle.setText("正在刷新...");
            pbLoading.setVisibility(View.VISIBLE);
            ivArrow.clearAnimation();// 必须清除动画,才能隐藏控件
            ivArrow.setVisibility(View.INVISIBLE);
            break;

        default:
            break;
        }
    }

5.要触碰ListView要使用onTouchEvent方法 当Action.Down时：获取触摸的一开始的高度 Action.Move时可以获取触摸变化时的高度Action.up获取抬起时滑到的结束高度。用滑动的高度减去开始的高度就是下拉刷新界面出现的高度dy 而此时下拉界面隐藏的部分为 dy减去隐藏的高度。 此时当dy大于0而且getFirstVisiblePosition == 0(item显示为第一个的时候)时就要时时监控设置paddingTop隐藏值
而paddingTop隐藏值也有状态 如果paddingTop隐藏值>=0（说明隐藏部分全显示出来了）并且不是松开刷新状态 此刻当前的状态变为松开刷新 再在里面写一个改变的方法； 如果PaddingTop隐藏值<0(说明隐藏部分还没显示出来)并且不是下拉刷新 此刻状态必然是下拉刷新状态并且写入方法。

public boolean onTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
        case MotionEvent.ACTION_DOWN:
            startY = (int) ev.getY();
            break;
        case MotionEvent.ACTION_MOVE:
            if (startY == -1) {// 如果用户按住头条新闻向下滑动, 会导致listview无法拿到ACTION_DOWN,
                                //因为此时事件会被交给父控件处理
                                // 此时要重新获取startY
                startY = (int) ev.getY();
            }

            // 如果当前正在刷新, 什么都不做了
            if (mCurrentState == STATE_REFRESHING) {
                break;
            }

            int endY = (int) ev.getY();
            int dy = endY - startY;

            if (dy > 0 && getFirstVisiblePosition() == 0) {// 向下滑动&当前显示的是第一个item,才允许下拉刷新
                int paddingTop = dy - mHeaderViewHeight;// 计算当前的paddingtop值

                // 根据padding切换状态
                if (paddingTop >= 0
                        && mCurrentState != STATE_RELEASE_TO_REFRESH) {
                    // 切换到松开刷新
                    mCurrentState = STATE_RELEASE_TO_REFRESH;
                    refreshState();
                } else if (paddingTop < 0
                        && mCurrentState != STATE_PULL_TO_REFRESH) {
                    // 切换到下拉刷新
                    mCurrentState = STATE_PULL_TO_REFRESH;
                    refreshState();
                }

                mHeaderView.setPadding(0, paddingTop, 0, 0);// 重新设置头布局padding
                return true;
            }

            break;

6.如果手指要抬起时同时此刻状态为松开刷新状态 那就要改为正在刷新状态 同时下拉刷新界面设置不被隐藏 并加入此刻正在刷新时的方法 并且在此时要用一个回调 如果手松开时的状态为下拉刷新状态 那么 直接隐藏界面不会刷新。

case MotionEvent.ACTION_UP:
            startY = -1;// 起始坐标归零

            if (mCurrentState == STATE_RELEASE_TO_REFRESH) {
                // 如果当前是松开刷新, 就要切换为正在刷新
                mCurrentState = STATE_REFRESHING;
                // 显示头布局
                mHeaderView.setPadding(0, 0, 0, 0);

                refreshState();

                // 下拉刷新回调
                if (mListener != null) {
                    mListener.onRefresh();
                }

            } else if (mCurrentState == STATE_PULL_TO_REFRESH) {
                // 隐藏头布局
                mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);
            }

            break;

7定义一个接口 接口里面有个回调方法 然后再写一个方法装入接口的引用 这个方法暴露给注册监听者 同时在正在刷新的时候设置回调方法就可以进行一些网络请求操作 并且在网络请求操作判断是否成功 如果成功就对刷新进行初始化；如果失败的话就不进行初始化。

注：回调接口

public interface OnRefreshListener {
        // 下拉刷新的回调
        public void onRefresh();
    }

注：暴露一个方法供外类使用

private OnRefreshListener mListener;

    public void setOnRefreshListener(OnRefreshListener listener) {
        mListener = listener;
    }

注：正在刷新时的回调

// 下拉刷新回调
                if (mListener != null) {
                    mListener.onRefresh();
                }

当然还有一些其他的方法要绘制画面比如图片动画 文字显示 刷新时间显示 只要在各个状态方法里面实现就可以了！下面附上源码：
可以刷新页面的ListView类RefreshListView：

package com.song.view;

import java.text.SimpleDateFormat;
import java.util.Date;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.RotateAnimation;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;

import com.song.R;

/**
 * 下拉刷新的listview
 * 
 * @author song
 */
public class RefreshListView extends ListView {

    private static final int STATE_PULL_TO_REFRESH = 1;// 下拉刷新
    private static final int STATE_RELEASE_TO_REFRESH = 2;// 松开刷新
    private static final int STATE_REFRESHING = 3;// 正在刷新

    // 下拉刷新头布局
    private View mHeaderView;
    // 头布局高度
    private int mHeaderViewHeight;

    private int startY = -1;
    // 当前下拉刷新的状态
    private int mCurrentState = STATE_PULL_TO_REFRESH;// 默认是下拉刷新

    private TextView tvTitle;
    private ImageView ivArrow;
    private ProgressBar pbLoading;
    private TextView tvTime;

    private RotateAnimation animUp;// 箭头向上动画
    private RotateAnimation animDown;// 箭头向下动画

    public RefreshListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        initView();
    }

    public RefreshListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    public RefreshListView(Context context) {
        super(context);
        initView();
    }

    private void initView() {
        mHeaderView = View.inflate(getContext(), R.layout.list_refresh_header,
                null);
        this.addHeaderView(mHeaderView);// 添加头布局

        // 隐藏头布局(1, 获取头布局高度, 2.设置负paddingTop,布局就会往上走)
        // int height = mHeaderView.getHeight();//此处无法获取高度,因为布局还没有绘制完成
        // 绘制之前就要获取布局高度
        mHeaderView.measure(0, 0);// 手动测量布局
        mHeaderViewHeight = mHeaderView.getMeasuredHeight();// 测量之后的高度
        // 隐藏头布局
        mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);

        tvTitle = (TextView) mHeaderView.findViewById(R.id.tv_title);
        ivArrow = (ImageView) mHeaderView.findViewById(R.id.iv_arrow);
        pbLoading = (ProgressBar) mHeaderView.findViewById(R.id.pb_loading);
        tvTime = (TextView) mHeaderView.findViewById(R.id.tv_time);

        initAnim();
        setCurrentTime();// 设置初始时间
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
        case MotionEvent.ACTION_DOWN:
            startY = (int) ev.getY();
            break;
        case MotionEvent.ACTION_MOVE:
            if (startY == -1) {// 如果用户按住头条新闻向下滑动, 会导致listview无法拿到ACTION_DOWN,
                                //因为此时事件会被交给父控件处理
                                // 此时要重新获取startY
                startY = (int) ev.getY();
            }

            // 如果当前正在刷新, 什么都不做了
            if (mCurrentState == STATE_REFRESHING) {
                break;
            }

            int endY = (int) ev.getY();
            int dy = endY - startY;

            if (dy > 0 && getFirstVisiblePosition() == 0) {// 向下滑动&当前显示的是第一个item,才允许下拉刷新
                int paddingTop = dy - mHeaderViewHeight;// 计算当前的paddingtop值

                // 根据padding切换状态
                if (paddingTop >= 0
                        && mCurrentState != STATE_RELEASE_TO_REFRESH) {
                    // 切换到松开刷新
                    mCurrentState = STATE_RELEASE_TO_REFRESH;
                    refreshState();
                } else if (paddingTop < 0
                        && mCurrentState != STATE_PULL_TO_REFRESH) {
                    // 切换到下拉刷新
                    mCurrentState = STATE_PULL_TO_REFRESH;
                    refreshState();
                }

                mHeaderView.setPadding(0, paddingTop, 0, 0);// 重新设置头布局padding
                return true;
            }

            break;
        case MotionEvent.ACTION_UP:
            startY = -1;// 起始坐标归零

            if (mCurrentState == STATE_RELEASE_TO_REFRESH) {
                // 如果当前是松开刷新, 就要切换为正在刷新
                mCurrentState = STATE_REFRESHING;
                // 显示头布局
                mHeaderView.setPadding(0, 0, 0, 0);

                refreshState();

                // 下拉刷新回调
                if (mListener != null) {
                    mListener.onRefresh();
                }

            } else if (mCurrentState == STATE_PULL_TO_REFRESH) {
                // 隐藏头布局
                mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);
            }

            break;

        default:
            break;
        }

        return super.onTouchEvent(ev);
    }

    /**
     * 初始化箭头动画
     */
    private void initAnim() {
        animUp = new RotateAnimation(0, -180, Animation.RELATIVE_TO_SELF, 0.5f,
                Animation.RELATIVE_TO_SELF, 0.5f);
        animUp.setDuration(500);
        animUp.setFillAfter(true);// 保持状态

        animDown = new RotateAnimation(-180, 0, Animation.RELATIVE_TO_SELF,
                0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        animDown.setDuration(500);
        animDown.setFillAfter(true);// 保持状态
    }

    /**
     * 根据当前状态刷新界面
     */
    private void refreshState() {
        switch (mCurrentState) {
        case STATE_PULL_TO_REFRESH:
            tvTitle.setText("下拉刷新");
            // 箭头向下移动
            ivArrow.startAnimation(animDown);
            // 隐藏进度条
            pbLoading.setVisibility(View.INVISIBLE);
            ivArrow.setVisibility(View.VISIBLE);
            break;
        case STATE_RELEASE_TO_REFRESH:
            tvTitle.setText("松开刷新");
            // 箭头向上移动
            ivArrow.startAnimation(animUp);
            // 隐藏进度条
            pbLoading.setVisibility(View.INVISIBLE);
            ivArrow.setVisibility(View.VISIBLE);
            break;
        case STATE_REFRESHING:
            tvTitle.setText("正在刷新...");
            pbLoading.setVisibility(View.VISIBLE);
            ivArrow.clearAnimation();// 必须清除动画,才能隐藏控件
            ivArrow.setVisibility(View.INVISIBLE);
            break;

        default:
            break;
        }
    }

    private OnRefreshListener mListener;

    public void setOnRefreshListener(OnRefreshListener listener) {
        mListener = listener;
    }

    /**
     * 设置上次刷新时间
     */
    private void setCurrentTime() {
        // 08:10 8:10 1
        SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");// HH表示24小时制
        String time = format.format(new Date());
        tvTime.setText(time);
    }

    // 刷新完成
    public void onRefreshComplete(boolean success) {
        // 隐藏头布局
        mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);
        mCurrentState = STATE_PULL_TO_REFRESH;
        // 隐藏进度条
        pbLoading.setVisibility(View.INVISIBLE);
        ivArrow.setVisibility(View.VISIBLE);
        tvTitle.setText("下拉刷新");

        // 刷新失败,不需要更新时间
        if (success) {
            setCurrentTime();
        }
    }

    public interface OnRefreshListener {
        // 下拉刷新的回调
        public void onRefresh();
    }
}

操作类中的方法：

lvList.setOnRefreshListener(new OnRefreshListener() {

            @Override
            public void onRefresh() {
                // 从网络加载数据
                getDataFromServer();
            }
        });
private void getDataFromServer() {
        HttpUtils utils = new HttpUtils();
        utils.send(HttpMethod.GET, mUrl, new RequestCallBack<String>() {

            @Override
            public void onSuccess(ResponseInfo<String> responseInfo) {
                String result = responseInfo.result;
                processResult(result);

                System.out.println("访问网络成功!!!");
                CacheUtils.setCache(mUrl, result, mActivity);

                // 收起下拉刷新控件
                lvList.onRefreshComplete(true);
            }

            @Override
            public void onFailure(HttpException error, String msg) {
                // 收起下拉刷新控件
                lvList.onRefreshComplete(false);

                error.printStackTrace();
                Toast.makeText(mActivity, msg, Toast.LENGTH_SHORT).show();
            }
        });
宋哥哥丢了金箍棒
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 顶部可以伸缩+头部固定+listview下拉刷新、上拉请求更多
04-24
Android 顶部可以伸缩+头部固定+listview下拉刷新、上拉请求更多
Android 为Recyclerview添加头布局，下拉刷新，上拉加载
随风的博客
05-23 1474
框架地址：https://github.com/XRecyclerView/XRecyclerView本文只是针对这个框架的使用1、引入依赖： compile 'com.jcodecraeer:xrecyclerview:1.3.2'2、布局使用XRecycler：&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;com.jcodecraeer.x...
ListView实现下拉刷新（一）建立头布局
bai8005的博客
10-10 101
一、效果演示 ListView实现下拉刷新，是很常见的功能。下面是一个模拟的效果，如下图： 效果说明：当往下拉ListView的时候，顶部就会有一个“下拉刷新”的标识被拉 出来，再往下拉的时候，标识就会变...
如何给下拉刷新ListView添加HeaderView
yu_bug的博客
08-24 1262
系统自带的listview可以实现addHeaderView()方法, 代码如下: View headerView = LayoutInflater.from(getActivity()).inflate(R.layout.layout_header , null); im_header = (ImageView) headerView.findViewById(R.id.
android ListView下拉刷新之头布局的完成
weixin_33705053的博客
12-18 60
首先要在listview添加一个头布局， 然后进行隐藏， 再进行touch监听，显示头布局 package com.example.listviewf5; import android.content.Context; import android.util.AttributeSet; import android.view.MotionEvent; import andro...
Android自定义listview布局实现上拉加载下拉刷新功能
08-31
主要介绍了Android自定义listview布局实现上拉加载下拉刷新功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下
Android RefreshLayout实现下拉刷新布局
01-05
项目中需要下拉刷新的功能，但是这个View不是ListView这类的控件，需要ViewGroup实现这个功能，一开始网上大略找了一下，没发现特别合适的，代码也是没怎么看懂，所以决定还是自己写一个。  于是翻出XlistView的...
Android布局ListView下拉刷新demo
12-14
android中数据的更新需要用户很方便就能操作，其中下拉刷新就是很好的一种用户体验方式，这是郭林大神在网上的一个下拉刷新的demo，我做了一点小小的修改，然后加了一下注释，方便大家参考。
android下拉刷新ListView的介绍和实现代码
01-04
由此可以看出，在构建这个下拉刷新的组件的时候，只用继承ListView，然后重写onTouchEvent就能实现。还有就是要能在xml布局文件中引用，还需要一个参数为Context,AttributeSet的构造函数。 　表面上的功能大概就这些...
PullToRefreshListView添加含有listview的头部底部布局的各种问题
简单玩家丶的博客
11-09 1962
在工作中小伙伴们肯定会添加各种各样的布局，展示不同的列表。 1.PullToRefreshListView添加头部布局 listview.getRefreshableView().addHeaderView(head); 2.PullToRefreshListView添加底部布局 listview.getRefreshableView().addFooterView(foot
二.自定义View之ListView下拉刷新，添加头脚布局，观察者模式
kimlllll的博客
01-03 133
本章属于第三种自定义控件，继承已有控件，扩展其功能。 注意： 1.ListView的addHeaderView(view)/addFooterView(view)需要在ListView的setAdapter之前执行。 2.在onTouchEvent中，如果返回值为true，说明当前事件被...
android项目实践之融云聊天服务端与客户端的实现
sogn
04-24 4623
最近研究了即时通讯，当然用户是第三方IM。融云和网易云信在市场上的使用用户都挺多，但是我还是选择了融云并且研究了一番，也终于有些成果并跟大家分享。下面是效果图。 一、开发前的准备首先我们肯定是要去登录融云的官网去下载相关的SDK，并且创建相应的应用获取APP Key 和 App Secret。 最简单的聊天功能下载SDK只需要IMKit 与 IMLib就能实现。同时可以选一些附加
如何制作Android语音机器人
sogn
08-08 2395
如何制作Android语音机器人 首先在制作android语音机器人之前，我们要认识一家公司–科大讯飞，科大讯飞从事语音开发有些年头，也做得相当不错。本项目就用到这家公司里面的一个语音开放平台!还有就是项目的功能：我们这个项目是自己语言说话，然后我们的话能以文字的形式显示到对话框中，接着我们的Android机器人会对我们的话进行解析，语音回答并且也会以文字的形式显示到对话框中同时还会携带一些图片。
android项目实践之ScrllView上滑低栏消失下滑低栏显现
sogn
04-03 2115
经常看过有一种ScrollView上滑低栏消失下滑显现，感觉效果还挺不错，于是今天就想着写一个，在写之前就有所考虑整个布局应该用相对布局，要不然低栏不可能显示在我们能看到的手机低端。贴个简略的代码看看吧！整个功能可分两部分。一、布局文件<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schema
android层次结构
sogn
03-06 1167
学习android一年半了,正所谓温故而知新。今天回过头来学习温习了一下android的层次结构，感觉还是挺有必要的，也希望自己能越往底层次走，进入主题吧！ android系统分为四层，分别是application(应用程序)、application Framework(应用程序框架)、libraries & android runtime(核心库和运行时)、Linux Kernel(Linux内核
item点击回调封装（改变带来Position的参数）
sogn
10-23 416
item点击回调封装（改变带来Position的参数）- 当ListVeiw的对象setOnItemClickListener()的时候，会进行注册并对源码监听以带来一些回调参数，或者事件的监听。lvList.setOnItemClickListener(new OnItemClickListener() { @Override public void
如何做一个适合开发的低栏标签
sogn
10-17 364
如何做一个适合开发的低栏标签 内容界面的父类 - 首先是写内容界面，很多时候内容界面会弄的很繁琐，因此在这里用Fragment更好的展现并支持后期的拓展。 - 写一个内容界面的类BaseFragment继承Fragment 并重写它生命周期中的三个方法 1.onCreate(fragment被创建)2.onCreateView(初始化fragment布局)3.onActivit
androidlistview实现下拉刷新
最新发布
12-24
在Android的开发中，要实现下拉刷新功能，可以使用Android内置的控件SwipeRefreshLayout，结合ListView来实现。首先在布局文件中添加SwipeRefreshLayout和ListView控件，然后在Activity中找到两个控件的实例，并设置...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值