热门标签 | HotTags
当前位置:  开发笔记 > 开发工具 > 正文

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

项目中我们经常有上拉、下拉刷新的需求,几乎所有的listView、RecyclerView都会伴随着上拉、下拉刷新的需求,如果我们使用一些开

项目中我们经常有上拉、下拉刷新的需求,几乎所有的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  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  0 && 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也不消费事件
  • 动画,动画就是我的伤痛,最近在学习估值器

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

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


推荐阅读
  • golang常用库:配置文件解析库/管理工具viper使用
    golang常用库:配置文件解析库管理工具-viper使用-一、viper简介viper配置管理解析库,是由大神SteveFrancia开发,他在google领导着golang的 ... [详细]
  • 本文基于对相关论文和开源代码的研究,详细介绍了LOAM(激光雷达里程计与建图)的工作原理,并对其关键技术进行了分析。 ... [详细]
  • 资源推荐 | TensorFlow官方中文教程助力英语非母语者学习
    来源:机器之心。本文详细介绍了TensorFlow官方提供的中文版教程和指南,帮助开发者更好地理解和应用这一强大的开源机器学习平台。 ... [详细]
  • 构建基于BERT的中文NL2SQL模型:一个简明的基准
    本文探讨了将自然语言转换为SQL语句(NL2SQL)的任务,这是人工智能领域中一项非常实用的研究方向。文章介绍了笔者在公司举办的首届中文NL2SQL挑战赛中的实践,该比赛提供了金融和通用领域的表格数据,并标注了对应的自然语言与SQL语句对,旨在训练准确的NL2SQL模型。 ... [详细]
  • 数据库内核开发入门 | 搭建研发环境的初步指南
    本课程将带你从零开始,逐步掌握数据库内核开发的基础知识和实践技能,重点介绍如何搭建OceanBase的开发环境。 ... [详细]
  • 本文介绍如何使用 Sortable.js 库实现元素的拖拽和位置交换功能。Sortable.js 是一个轻量级、无依赖的 JavaScript 库,支持拖拽排序、动画效果和多种插件扩展。通过简单的配置和事件处理,可以轻松实现复杂的功能。 ... [详细]
  • 探讨一个显示数字的故障计算器,它支持两种操作:将当前数字乘以2或减去1。本文将详细介绍如何用最少的操作次数将初始值X转换为目标值Y。 ... [详细]
  • QUIC协议:快速UDP互联网连接
    QUIC(Quick UDP Internet Connections)是谷歌开发的一种旨在提高网络性能和安全性的传输层协议。它基于UDP,并结合了TLS级别的安全性,提供了更高效、更可靠的互联网通信方式。 ... [详细]
  • 本文详细介绍了 GWT 中 PopupPanel 类的 onKeyDownPreview 方法,提供了多个代码示例及应用场景,帮助开发者更好地理解和使用该方法。 ... [详细]
  • Explore a common issue encountered when implementing an OAuth 1.0a API, specifically the inability to encode null objects and how to resolve it. ... [详细]
  • PHP 5.2.5 安装与配置指南
    本文详细介绍了 PHP 5.2.5 的安装和配置步骤,帮助开发者解决常见的环境配置问题,特别是上传图片时遇到的错误。通过本教程,您可以顺利搭建并优化 PHP 运行环境。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤,帮助开发者快速掌握这一实用技巧。 ... [详细]
  • 本文详细介绍了Java中org.eclipse.ui.forms.widgets.ExpandableComposite类的addExpansionListener()方法,并提供了多个实际代码示例,帮助开发者更好地理解和使用该方法。这些示例来源于多个知名开源项目,具有很高的参考价值。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
author-avatar
木子小平方_530
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有