亲自动手编写Android通用刷新控件

项目中我们经常有上拉、下拉刷新的需求,几乎所有的listView、RecyclerView都会伴随着上拉、下拉刷新的需求,如果我们使用一些开源控件,换了控件我们就要更新,现在我们自己撸起袖子写一个通用的刷新控件

项目地址:https://git.oschina.net/qiangshen/commentview.git

思路:

  • 写一个继承RelativeLayout的RefreshLayout
  • 添加头尾控件作为刷新控件
  • 通过事件分发来进行刷新操作
  • 通过动画来控制控件移动

目的:让他的所有子控件都可以使用,哪怕是一个TextView

public class RefreshLayout extends RelativeLayout {

  /**
   * 滑动控件时拉去的速度比例
   */
  private final int V_REFRESH = 2;
  /**
   * 是否是刷新过程
   * true 是
   * false 不是
   * 为false的时候才可以进行刷新
   */
  private boolean mIsRefreshDuring;
  /**
   * 可以进下拉刷新
   */
  private boolean mCanDownPull;
  /**
   * 可以进行上拉刷新
   */
  private boolean mCanUpPull;
  /**
   * 判断触摸后是否是初次移动
   */
  private boolean mIsFirstMove;
  /**
   * y轴呢平移的距离
   */
  private int mDistanceY;
  /**
   * 刷新接口对象
   */
  private OnRefresh mOnRefresh;
  /**
   * 用于控制事件拦截的变量
   */
  private boolean mCanIntercept;
  private int mTouchSlop;
  private int mDistance;
  private LayoutParams mHeaderParams;
  private View mHeaderView;
  private View mFootView;
  private int mHeaderMaxHeight;
  private int mStartY;
  private LayoutParams mFootParams;
  private int mFootMaxHeight;
  private PullCallBack mCallBack;
  private View mChildView;
  private ObjectAnimator mAnimator;

  public RefreshLayout(Context context) {
    super(context);
    initData();
  }

  public RefreshLayout(Context context, AttributeSet attrs) {
    super(context, attrs);
    initData();
  }

  public RefreshLayout(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    initData();
  }

  /**
   * 必须让头尾控件实现的接口
   */
  public interface HeadAndFootCallBack {
    //设置属性
    void setAttribute();

    //开始刷新
    void startPull();

    //停止刷新
    void stopPull();
  }

  /**
   * 必须让被拖动的控件子类实现
   */
  public interface PullCallBack {
    boolean canDownPull();

    boolean canUpPull();
  }

  private void initData() {
    //不调用该方法不能进行绘制
    setWillNotDraw(false);
  }

  /**
   * 下拉刷新完成后必须使用该方法
   */
  public void downPullFinish() {
    mAnimator.setFloatValues(mChildView.getTranslationY(), 0);
    mAnimator.start();
    ((HeadAndFootCallBack) mHeaderView).stopPull();
  }

  /**
   * 上拉完成后必须调用该方法
   */
  public void upPullFinish() {
    mAnimator.setFloatValues(mChildView.getTranslationY(), 0);
    mAnimator.start();
    ((HeadAndFootCallBack) mFootView).stopPull();
  }

  /**
   * 自动下拉刷新
   */
  public void autoDownPullForHead() {
    postDelayed(new Runnable() {
      @Override
      public void run() {
        mCanDownPull = true;
        mCanUpPull = false;
        mAnimator.setFloatValues(10, mHeaderMaxHeight);
        mAnimator.start();
        ((HeadAndFootCallBack) mHeaderView).startPull();
        mOnRefresh.onDownPullRefresh();
      }
    }, 500);
  }

  /**
   * 自动下拉刷新
   */
  public void autoUpPullForHead() {
    postDelayed(new Runnable() {
      @Override
      public void run() {
        mCanDownPull = false;
        mCanUpPull = true;
        mAnimator.setFloatValues(0, mFootMaxHeight);
        mAnimator.start();
        ((HeadAndFootCallBack) mFootView).startPull();
        mOnRefresh.onUpPullRefresh();
      }
    }, 500);
  }

  @Override
  public boolean onInterceptTouchEvent(MotionEvent ev) {
    return mCanIntercept;
  }

  @Override
  public boolean onTouchEvent(MotionEvent event) {
    return true;
  }

  @Override
  public boolean dispatchTouchEvent(MotionEvent event) {
    Log.e("shen", "mIsRefreshDuring=" + mIsRefreshDuring);
    if (mIsRefreshDuring)
 /**如果正在进行刷新将不会获取MotionEvent*/
 {
      return super.dispatchTouchEvent(event);
    }
    switch (event.getAction()) {
      case MotionEvent.ACTION_DOWN:
        mStartY = (int) event.getY();
        initPull();
        break;
      case MotionEvent.ACTION_MOVE:
        if (event.getPointerCount() == 1) {
          int moveY = (int) event.getY();
          mDistanceY = (moveY - mStartY) / V_REFRESH;
          if (!mIsFirstMove && mDistanceY != 0 && mDistanceY < mTouchSlop) {
            mCanDownPull = mDistanceY > 0;
            mCanUpPull = !mCanDownPull;
            mIsFirstMove = true;
          }
          if (mCanDownPull && mCallBack.canDownPull()) {
            upDataForDownPull();//下拉刷新
            mChildView.setEnabled(false);
            mCanIntercept = true;
          }
          if (mCanUpPull && mCallBack.canUpPull()) {
            upDataForUpPull();//上拉加载
            mChildView.setEnabled(false);
            mCanIntercept = true;
          }
          mStartY = moveY;
        }
        break;
      case MotionEvent.ACTION_UP:
        mIsRefreshDuring = true;
        mIsFirstMove = false;
        if (mHeaderParams.height >= mHeaderMaxHeight)
 /**可以下拉刷新**/
 {
          ((HeadAndFootCallBack) mHeaderView).startPull();
          mOnRefresh.onDownPullRefresh();
        } else if (mFootParams.height >= mFootMaxHeight)
 /**可以上拉刷新**/
 {
          ((HeadAndFootCallBack) mFootView).startPull();
          mOnRefresh.onUpPullRefresh();
        } else if (mHeaderParams.height > 0 && mHeaderParams.height < mHeaderMaxHeight)
 /**不能进行下拉刷新,收回**/
 {
          releaseForDownFinished();
        } else if (mFootParams.height > 0 && mFootParams.height < mFootMaxHeight)
 /**不能进行下拉刷新,收回**/
 {
          releaseForUpFinished();
        } else {
          mIsRefreshDuring = false;
          mCanIntercept = false;
        }
        break;
    }
    super.dispatchTouchEvent(event);
    return true;
  }

  /**
   * 每次进行触摸都需要进行初始化
   */
  private void initPull() {
    mCanDownPull = false;
    mCanUpPull = false;
  }

  /**
   * 不需要进行上拉刷新
   */
  private void releaseForUpFinished() {
    mAnimator.setFloatValues(mChildView.getTranslationY(), 0);
    mAnimator.start();
  }

  /**
   * 不需要进行下拉刷新
   */
  private void releaseForDownFinished() {
    mAnimator.setFloatValues(mChildView.getTranslationY(), 0);
    mAnimator.start();
  }

  /**
   * 上拉时处理手势
   */
  private void upDataForUpPull() {
    if (mDistanceY != 0) {
      mFootParams.height -= mDistanceY;
      if (mFootParams.height <= 0) {
        mFootParams.height = 0;
      }
      if (mFootParams.height >= mFootMaxHeight) {
        mFootParams.height = mFootMaxHeight;
      }
      mChildView.setTranslationY(-mFootParams.height);
      mFootView.requestLayout();
    }
  }

  /**
   * 下拉时处理手势
   */
  private void upDataForDownPull() {
    if (mDistanceY != 0) {
      mHeaderParams.height += mDistanceY;
      if (mHeaderParams.height >= mHeaderMaxHeight) { //最大
        mHeaderParams.height = mHeaderMaxHeight;
      }
      if (mHeaderParams.height <= 0) { //最小
        mHeaderParams.height = 0;
      }
      mChildView.setTranslationY(mHeaderParams.height);
      mHeaderView.requestLayout();
    }
  }

  @Override
  protected void onAttachedToWindow() {
    super.onAttachedToWindow();
  }

  @Override
  protected void onFinishInflate() {
    super.onFinishInflate();
    //加载头
    mHeaderView = getChildAt(0);
    if (!(mHeaderView instanceof HeadAndFootCallBack)) {
      new IllegalStateException("HeaderView必须实现HeadAndFootCallBack接口");
    }
    ((HeadAndFootCallBack) mHeaderView).setAttribute();
    mHeaderParams = (LayoutParams) mHeaderView.getLayoutParams();
    mHeaderParams.addRule(RelativeLayout.ALIGN_PARENT_TOP);

    //加载尾
    mFootView = getChildAt(2);
    if (!(mFootView instanceof HeadAndFootCallBack)) {
      new IllegalStateException("FootView必须实现HeadAndFootCallBack接口");
    }
    ((HeadAndFootCallBack) mFootView).setAttribute();
    mFootParams = (LayoutParams) mFootView.getLayoutParams();
    mFootParams.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);

    mChildView = getChildAt(1);
    if (!(mChildView instanceof HeadAndFootCallBack)) {
      new IllegalStateException("ChildView必须实现PullCallBack接口");
    }
    mCallBack = (PullCallBack) getChildAt(1);

    //设置动画
    mAnimator = ObjectAnimator.ofFloat(mChildView, "translationY", 0);
    mAnimator.setInterpolator(new DecelerateInterpolator());
    mAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
      @Override
      public void onAnimationUpdate(ValueAnimator animation) {
        int translationY = (int) mChildView.getTranslationY();
        if (mCanUpPull) { //从移动到的位置往下滑
          mFootParams.height = Math.abs(translationY);
          mFootView.requestLayout();
        } else if (mCanDownPull) {
          mHeaderParams.height = Math.abs(translationY);
          mHeaderView.requestLayout();
        }
        Log.e("shen", "translationY=" + translationY);
        Log.e("shen", "mHeaderParams.height=" + mHeaderParams.height);
        if (translationY == 0) {
          mChildView.setEnabled(true);
          mDistanceY = 0; //重置
          mIsRefreshDuring = false; //重置
          mCanIntercept = false;
        } else {
          mIsRefreshDuring = true;
        }
      }
    });
  }

  @Override
  protected void onSizeChanged(int w, int h, int oldw, int oldh) {
    super.onSizeChanged(w, h, oldw, oldh);
    mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
    mDistance = mTouchSlop * 5;
    //设置下拉头初始属性
    mHeaderMaxHeight = mHeaderParams.height;
    mHeaderParams.height = 0;
    mHeaderView.requestLayout();
    //设置上拉尾初始属性
    mFootMaxHeight = mFootParams.height;
    mFootParams.height = 0;
    mFootView.requestLayout();
  }

  /**
   * 下拉/上拉事件监听
   */
  public interface OnRefresh {
    /**
     * 下拉刷新
     */
    void onDownPullRefresh();

    /**
     * 上拉加载
     */
    void onUpPullRefresh();
  }

  public void setOnRefresh(OnRefresh onRefresh) {
    mOnRefresh = onRefresh;
  }

}

给他添加三个控件,头尾就是刷新头、尾,第二个就是正常显示的控件。必须让头尾实现HeadAndFootCallBack接口,来设置属性,通知开始刷新、结束刷新

难点: 现在来说下开发时遇到的难点

  • 由于判断在dispatchTouchEvent中,导致如果该控件以及子控件都不消费该事件的话,就会造成事件不会发送到它,因为如果不消费DOWN事件的话,之后所有的事件都不会在进行接收。解决方式,让该控件onTouchEvent方法消返回true,当子控件不进行事件消费的话,就会返回由该控件消费,不会造成因DOWN事件不消费而无法接收到事件,导致dispatchTouchEvent也不消费事件
  • 动画,动画就是我的伤痛,最近在学习估值器

这个控件自认为写的不错,通过他可以帮我们学习事件分发、动画、接口回调,也是有一定的学习意义

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android 判断ip地址合法实现代码

    Android 判断ip地址合法实现代码 昨天,我在网上找了一下判断文本框内的字符串是否是合法的ip地址,自己想到了正则表达式,可是自己对这个却不熟,所以在网上查找了一些资料,最后终于是做出来了. 具体的代码很简单, public boolean isIP(String addr) { if(addr.length() < 7 || addr.length() > 15 || "".equals(addr)) { return false; } /** * 判断IP格式和范

  • Android系统自带的VPN服务框架实例详解

    Android系统自带的VPN服务框架 Android从4.0开始(API LEVEL 15),自己带了一个帮助在设备上建立VPN连接的解决方案,且不需要root权限,本文将对其做一个简单的介绍. 一.基本原理 在介绍如何使用这些新增的API之前,先来说说其基本的原理. android设备上,如果已经使用了VpnService框架,建立起了一条从设备到远端的VPN链接,那么数据包在设备上大致经历了如下四个过程的转换: 1)应用程序使用socket,将相应的数据包发送到真实的网络设备上.一般移动设

  • Android实现动态自动匹配输入内容功能

    什么是动态自动匹配输入内容呢?举个例子,当我们在百度等搜索引擎的输入框中输入想要搜索的关键词,输入框下面会提示很多相关联的热门搜索项,效果图如下 那在安卓中如何实现这种效果呢?在这里给大家推荐两个Android的控件: AutoCompleteTextView MultiAutoCompleteTextView 一.AutoCompleteTextView 独特属性:android:completionThreshold="2"-–设置输入多少字符时自动匹配 首先,我们先在res文件夹

  • Android 监听应用前/后台切换实例代码

    前言 这周接到一个需求,需要在应用从后台切换到前台时,展示我们的广告.展示页面其实可以复用以前的开屏广告页,唯一的问题就是如何监听应用从后台切到了前台. 正文 在众多方法中,我采用了以下这种方式.废话不多说,咱们直接看代码: //自定义Application类 public class MyApplication extends Application 在清单文件中声明 <application android:name=".MyApplication" android:allo

  • Kotlin编写Android适配器Adapter

    说好今天要写一个使用Kotlin写Adapter的列子,我想了半天也没有组织好语言,直接上代码吧,有一定Android基础的小伙伴肯定是能看的懂的 package com.example.administrator.kotlintest import android.content.Context import android.view.LayoutInflater import android.view.View import android.view.ViewGroup import and

  • android手机获取唯一标识的方法

    获取手机唯一标识 拼接的方式获取手机唯一标识 第一种方式是获取IMEI,但是有的手机如果不是正品的话,就获取不到所以通过这一种方式还是会出现有的设备是没有唯一标识的 第二种方式获取手机卡的序列号,当然这种也不是唯一的,因为有的手机是双卡双待的所以可能会出现空的情况 第三种方式是万能的也就是UUID,随机生成一个标识,但是必须保存在本地,防止下一次进入的时候再次生成随机码 进行三层判断,来获取手机的唯一标识. //获取手机的唯一标识 public String getPhoneSign(){ St

  • Android 系统语言切换监听和设置实例代码

    最近项目上产品经理提了个需求,要求关闭语言国际化,不管手机系统设置那个国家的语言,都要显示汉语,好吧,既然有需求,那就做吧.但是项目中已经有英文的配置了,且是作为默认String提供的,这么多翻译好的文字,直接删除掉替换成中文为默认String又感觉弃之可惜.故网上Google下解决方案.就开始往下看吧. 一.代码中动态设置应用显示语言(手动控制使用values-zh-rCN下字符串) 这个方法是通过改变Resource中的配置来实现的,代码如下: public static void init

  • 亲自动手编写Android通用刷新控件

    项目中我们经常有上拉.下拉刷新的需求,几乎所有的listView.RecyclerView都会伴随着上拉.下拉刷新的需求,如果我们使用一些开源控件,换了控件我们就要更新,现在我们自己撸起袖子写一个通用的刷新控件 项目地址:https://git.oschina.net/qiangshen/commentview.git 思路: 写一个继承RelativeLayout的RefreshLayout 添加头尾控件作为刷新控件 通过事件分发来进行刷新操作 通过动画来控制控件移动 目的:让他的所有子控件都

  • iOS编写下拉刷新控件

    现在iOS里有很多成熟的下拉刷新控件,比如MJRefresh,SVPullToRefresh 我这里参考了SV的写法,但是回调用的是代理,没有用block,个人感觉用代理更简洁一点 下拉刷新的基本原理 在scrollview的上面和下面分别添加一个view,上面的是下拉的时候展示下拉动画的headerView,下面的是上拉加载更多的时候展示动画的footerView 这里的headerView和footerView都是自己添加的,和tableView自己的header,footer不一样 hea

  • Android实现支持所有View的通用的下拉刷新控件

    下拉刷新对于一个app来说是必不可少的一个功能,在早期大多数使用的是chrisbanes的PullToRefresh,或是修改自该框架的其他库.而到现在已经有了更多的选择,github上还是有很多体验不错的下拉刷新. 而下拉刷新主要有两种实现方式: 1. 在ListView中添加header和footer,监听ListView的滑动事件,动态设置header/footer的高度,但是这种方式只适用于ListView,RecyclerView. 2. 第二种方式则是继承ViewGroup或其子类,

  • Android实现简单的下拉刷新控件

    背景:列表控件在Android App开发中用到的场景很多.在以前我们用ListView,GradView,现在应该大多数开发者都已经在选择使用RecyclerView了,谷歌给我们提供了这些方便的列表控件,我们可以很容易的使用它们.但是在实际的场景中,我们可能还想要更多的能力,比如最常见的列表下拉刷新,上拉加载.上拉刷新和下拉加载应该是列表的标配吧,基本上有列表的地方都要具体这个能力.虽然刷新这个功能已经有各种各样的第三方框架可以选择,但是毕竟不是自己的嘛,今天我们就来实现一个自己的下拉刷新控

  • Android PullToRefreshLayout下拉刷新控件的终结者

    说到下拉刷新控件,网上版本有很多,很多软件也都有下拉刷新功能.有一个叫XListView的,我看别人用过,没看过是咋实现的,看这名字估计是继承自ListView修改的,不过效果看起来挺丑的,也没什么扩展性,太单调了.看了QQ2014的列表下拉刷新,发现挺好看的,我喜欢,贴一下图看一下qq的下拉刷新效果: 不错吧?嗯,是的.一看就知道实现方式不一样.咱们今天就来实现一个下拉刷新控件.由于有时候不仅仅是ListView需要下拉刷新,ExpandableListView和GridView也有这个需求,

  • Android开发之无痕过渡下拉刷新控件的实现思路详解

    相信大家已经对下拉刷新熟悉得不能再熟悉了,市面上的下拉刷新琳琅满目,然而有很多在我看来略有缺陷,接下来我将说明一下存在的缺陷问题,然后提供一种思路来解决这一缺陷,废话不多说!往下看嘞! 1.市面一些下拉刷新控件普遍缺陷演示 以直播吧APP为例: 第1种情况: 滑动控件在初始的0位置时,手势往下滑动然后再往上滑动,可以看到滑动到初始位置时滑动控件不能滑动. 原因: 下拉刷新控件响应了触摸事件,后续的一系列事件都由它来处理,当滑动控件到顶端的时候,滑动事件都被下拉刷新控件消费掉了,传递不到它的子控件

  • Android自定义组合控件之自定义下拉刷新和左滑删除实例代码

    绪论 最近项目里面用到了下拉刷新和左滑删除,网上找了找并没有可以用的,有比较好的左滑删除,但是并没有和下拉刷新上拉加载结合到一起,要不就是一些比较水的结合,并不能在项目里面使用,小编一着急自己组合了一个,做完了和QQ的对比了一下,并没有太大区别,今天分享给大家,其实并不难,但是不知道为什么网上没有比较好的Demo,当你的项目真的很急的时候,又没有比较好的Demo,那么"那条友谊的小船儿真是说翻就翻啊",好了,下面先来具体看一下实现后的效果吧: 代码已经上传到Github上了,小伙伴们记

  • Android自定义View控件实现刷新效果

    三种得到LinearInflater的方法 a. LayoutInflater inflater = getLayoutInflater(); b. LayoutInflater localinflater = (LayoutInflater)context.getSystemService (Context.LAYOUT_INFLATER_SERVICE); c. LayoutInflater inflater = LayoutInflater.from(context); onDraw 方法

  • Android下拉刷新控件PullToRefresh实例解析

    Android中很多时候都会用到上下拉刷新,这是一个很常用的功能,Android的v4包中也为我们提供了一种原生的下拉刷新控件--SwipeRefreshLayout,可以用它实现一个简洁的刷新效果,但今天我们的主角并不是它,而是一个很火的第三方的上下拉刷新控件--PullToRefresh.PullToRefresh包括PullToRefreshScrollView.PullToRefreshListView.PullToRefreshGridView等等很多为我们提供的控件,我们可以在xml

  • Android官方下拉刷新控件SwipeRefreshLayout使用详解

    可能开发安卓的人大多数都用过很多下拉刷新的开源组件,但是今天用了官方v4支持包的SwipeRefreshLayout觉得效果也蛮不错的,特拿出来分享. 简介: SwipeRefreshLayout组件只接受一个子组件:即需要刷新的那个组件.它使用一个侦听机制来通知拥有该组件的监听器有刷新事件发生,换句话说我们的Activity必须实现通知的接口.该Activity负责处理事件刷新和刷新相应的视图.一旦监听者接收到该事件,就决定了刷新过程中应处理的地方.如果要展示一个"刷新动画",它必须

随机推荐