demo地址：https://github.com/cmlbeliever/BounceLayout

最近任务比较少，闲来时间就来研究了android事件传播机制。根据总结分析的结果，打造出万能弹性layout，支持内嵌可滚动view！

先看图片（笔记本分辨率不兼容，将就看看）

核心内容分析

  1. 当手指移动时，判断移动方向，如果水平或垂直方向移动超过10个像素，则表示为移动事件，需要拦截！
  2. 判断手机按下时所在的view是否可以滚动
  3. 根据手指移动方向，与手指按下时view是否可以移动判断是否拦截事件
  4. 根据viewgroup事件拦截顺序onInterceptTouchEvent->onTouchEvent进行对应的逻辑处理

可滚动view坐标保存

1、由于内嵌可滚动view会导致事件冲突，所以在在移动时需要判断事件是否由内嵌的viewgroup消费。

2、在view布局处理好后，将可滚动的view信息保存起来

  1. @Override
  2.     protected void onLayout(boolean changed, int l, int t, int r, int b) {
  3.         super.onLayout(changed, l, t, r, b);
  5.         if (changed) {
  6.             // 保存可滚动对象
  7.             positionMap.clear();
  8.             saveChildRect(this);
  9.         }
  11.     }
  13.   /**
  14.      * 找出所有可滚动的view，并存储位置
  15.      *
  16.      * @param view
  17.      */
  18.     private void saveChildRect(ViewGroup view) {
  20.         if (view instanceof ScrollView || view instanceof HorizontalScrollView || view instanceof ScrollingView || view instanceof AbsListView) {
  22.             int[] location = new int[2];
  23. //            view.getLocationOnScreen(location);
  24.             view.getLocationInWindow(location);
  26.             RectF rectF = new RectF();
  27.             rectF.left = location[0];
  28.             rectF.top = location[1];
  29.             rectF.right = rectF.left + view.getMeasuredWidth();
  30.             rectF.bottom = rectF.top + view.getMeasuredHeight();
  32.             Log.d(TAG, "saveChildRect===>(" + rectF);
  34.             positionMap.put(rectF, view);
  35.         } else {
  36.             int childCount = view.getChildCount();
  37.             for (int i = 0; i < childCount; i++) {
  38.                 if (view.getChildAt(i) instanceof ViewGroup) {
  39.                     this.saveChildRect((ViewGroup) view.getChildAt(i));
  40.                 }
  41.             }
  42.         }
  43.     }

3、当用户按下时，根据按下坐标查找是否在可滚动viewgroup内

  1. private View findViewByPosition(float x, float y) {
  3.         for (RectF rectF : positionMap.keySet()) {
  4.             if (rectF.left <= x && x <= rectF.right && rectF.top <= y && y <= rectF.bottom) {
  5.                 return positionMap.get(rectF);
  6.             }
  7.         }
  9.         return null;
  10.     }

注意调用时需要传入相对屏幕的坐标而不是相对于viewgroup的坐标 touchView = findViewByPosition(ev.getRawX(), ev.getRawY());

4、当用户在垂直方向移动，则判断touchView是否可以在垂直方向移动，如果可以，则事件交给touchView处理，否则进行layout的移动

  1.  //垂直方向移动
  2.                 if (direction == DIRECTION_Y && canChildScrollVertically((int) -dy)) {
  3.                     MotionEvent event = MotionEvent.obtain(ev);
  4.                     event.setAction(MotionEvent.ACTION_CANCEL);
  5.                     onTouchEvent(event);
  6.                     return super.onInterceptTouchEvent(ev);
  7.                 }

5、当用户在水平方向移动，则判断touchView是否可以在水平方向移动，如果可以，则事件交给touchView处理，否则进行layout的移动

  1. //水平方向移动处理
  2.    if (direction == DIRECTION_X && canChildScrollHorizontally((int) -dx)) {
  3.                     MotionEvent event = MotionEvent.obtain(ev);
  4.                     event.setAction(MotionEvent.ACTION_CANCEL);
  5.                     onTouchEvent(event);
  6.                     return super.onInterceptTouchEvent(ev);
  7.                 }

这样弹性layout的核心内容就分析完毕了，demo地址：

https://github.com/cmlbeliever/BounceLayout

主要代码：

  1. package com.cml.newframe.scrollablebox;
  3. import android.animation.Animator;
  4. import android.animation.ObjectAnimator;
  5. import android.annotation.TargetApi;
  6. import android.content.Context;
  7. import android.graphics.PointF;
  8. import android.graphics.RectF;
  9. import android.os.Build;
  10. import android.support.v4.view.ScrollingView;
  11. import android.support.v4.view.ViewCompat;
  12. import android.util.AttributeSet;
  13. import android.util.Log;
  14. import android.view.MotionEvent;
  15. import android.view.View;
  16. import android.view.ViewGroup;
  17. import android.view.animation.AccelerateDecelerateInterpolator;
  18. import android.widget.AbsListView;
  19. import android.widget.HorizontalScrollView;
  20. import android.widget.LinearLayout;
  21. import android.widget.ScrollView;
  23. import java.util.HashMap;
  24. import java.util.Map;
  26. /**
  27.  * Created by cmlBeliever on 2016/3/25.
  28.  * <p>弹性layout</p>
  29.  */
  30. public class BounceLayout extends LinearLayout {
  32.     private static final String TAG = BounceLayout.class.getSimpleName();
  33.     private static final int DIRECTION_X = 1;
  34.     private static final int DIRECTION_Y = 2;
  35.     private static final int DIRECTION_NONE = 3;
  37.     /**
  38.      * 可移动比率 默认为0.5
  39.      */
  40.     private float transRatio = 0.5f;
  42.     /**
  43.      * 手指按下的坐标
  44.      */
  45.     private PointF initPoint = new PointF();
  47.     private Animator translateAnim;
  48.     private int direction = DIRECTION_NONE;
  50.     //手指按下时所在的view
  51.     private View touchView;
  52.     private Map<RectF, ViewGroup> positionMap = new HashMap<>();
  54.     public BounceLayout(Context context) {
  55.         super(context);
  56.         this.init();
  57.     }
  59.     public BounceLayout(Context context, AttributeSet attrs) {
  60.         super(context, attrs);
  61.         this.init();
  62.     }
  64.     public BounceLayout(Context context, AttributeSet attrs, int defStyleAttr) {
  65.         super(context, attrs, defStyleAttr);
  66.         this.init();
  67.     }
  69.     @TargetApi(Build.VERSION_CODES.LOLLIPOP)
  70.     public BounceLayout(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
  71.         super(context, attrs, defStyleAttr, defStyleRes);
  72.         this.init();
  73.     }
  75.     private void init() {
  76.     }
  78.     @Override
  79.     public boolean onTouchEvent(MotionEvent ev) {
  80.         switch (ev.getAction()) {
  81.             case MotionEvent.ACTION_MOVE:
  82.                 float dx = ev.getX() - initPoint.x;
  83.                 float dy = ev.getY() - initPoint.y;
  85.                 if (direction == DIRECTION_NONE) {
  86.                     //x方向移动
  87.                     if (Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > 10) {
  88.                         direction = DIRECTION_X;
  89.                     } else if (Math.abs(dy) > 10) {
  90.                         direction = DIRECTION_Y;
  91.                     }
  92.                 } else {
  93.                     //x方向移动
  94.                     if (direction == DIRECTION_X) {
  95.                         if (Math.abs(dx) <= getMeasuredWidth() * transRatio) {
  96.                             ViewCompat.setTranslationX(getChildAt(0), dx);
  97.                         }
  98.                     } else if (direction == DIRECTION_Y) {
  99.                         if (Math.abs(dy) <= getMeasuredHeight() * transRatio) {
  100.                             ViewCompat.setTranslationY(getChildAt(0), dy);
  101.                         }
  102.                     }
  103.                     return true;
  104.                 }
  106.                 break;
  107.             case MotionEvent.ACTION_UP:
  108.             case MotionEvent.ACTION_CANCEL:
  110.                 dx = ViewCompat.getTranslationX(getChildAt(0));
  111.                 dy = ViewCompat.getTranslationY(getChildAt(0));
  113.                 if (direction == DIRECTION_X) {
  114.                     startTransAnim(DIRECTION_X, dx, 0);
  115.                 } else if (direction == DIRECTION_Y) {
  116.                     startTransAnim(DIRECTION_Y, dy, 0);
  117.                 }
  119.                 if (direction != DIRECTION_NONE) {
  120.                     direction = DIRECTION_NONE;
  121.                     return true;
  123.                 }
  125.                 break;
  126.         }
  128.         return super.onTouchEvent(ev);
  129.     }
  131.     @Override
  132.     public boolean onInterceptTouchEvent(MotionEvent ev) {
  133.         switch (ev.getAction()) {
  134.             case MotionEvent.ACTION_DOWN:
  135.                 initPoint.x = ev.getX();
  136.                 initPoint.y = ev.getY();
  137.                 touchView = findViewByPosition(ev.getRawX(), ev.getRawY());
  138.                 Log.d(TAG, "onInterceptTouchEvent===>touchView:" + touchView);
  139.                 break;
  140.             case MotionEvent.ACTION_MOVE:
  141.                 float dx = ev.getX() - initPoint.x;
  142.                 float dy = ev.getY() - initPoint.y;
  144.                 Log.d(TAG, "onInterceptTouchEvent===>ACTION_MOVE touchView:" + touchView);
  146.                 if (direction == DIRECTION_NONE) {
  147.                     //x方向移动
  148.                     if (Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > 10) {
  149.                         direction = DIRECTION_X;
  150.                     } else if (Math.abs(dy) > 10) {
  151.                         direction = DIRECTION_Y;
  152.                     }
  153.                 }
  155.                 //垂直方向移动
  156.                 if (direction == DIRECTION_Y && canChildScrollVertically((int) -dy)) {
  157.                     MotionEvent event = MotionEvent.obtain(ev);
  158.                     event.setAction(MotionEvent.ACTION_CANCEL);
  159.                     onTouchEvent(event);
  160.                     return super.onInterceptTouchEvent(ev);
  161.                 }
  163.                 if (direction == DIRECTION_X && canChildScrollHorizontally((int) -dx)) {
  164.                     MotionEvent event = MotionEvent.obtain(ev);
  165.                     event.setAction(MotionEvent.ACTION_CANCEL);
  166.                     onTouchEvent(event);
  167.                     return super.onInterceptTouchEvent(ev);
  168.                 }
  170.                 break;
  171.         }
  173.         return direction == DIRECTION_NONE ? super.onInterceptTouchEvent(ev) : true;
  174.     }
  176.     @Override
  177.     protected void onLayout(boolean changed, int l, int t, int r, int b) {
  178.         super.onLayout(changed, l, t, r, b);
  180.         if (changed) {
  181.             // 保存可滚动对象
  182.             positionMap.clear();
  183.             saveChildRect(this);
  184.         }
  186.     }
  188.     private View findViewByPosition(float x, float y) {
  190.         for (RectF rectF : positionMap.keySet()) {
  191.             if (rectF.left <= x && x <= rectF.right && rectF.top <= y && y <= rectF.bottom) {
  192.                 return positionMap.get(rectF);
  193.             }
  194.         }
  196.         return null;
  197.     }
  199.     /**
  200.      * 找出所有可滚动的view，并存储位置
  201.      *
  202.      * @param view
  203.      */
  204.     private void saveChildRect(ViewGroup view) {
  206.         if (view instanceof ScrollView || view instanceof HorizontalScrollView || view instanceof ScrollingView || view instanceof AbsListView) {
  208.             int[] location = new int[2];
  209. //            view.getLocationOnScreen(location);
  210.             view.getLocationInWindow(location);
  212.             RectF rectF = new RectF();
  213.             rectF.left = location[0];
  214.             rectF.top = location[1];
  215.             rectF.right = rectF.left + view.getMeasuredWidth();
  216.             rectF.bottom = rectF.top + view.getMeasuredHeight();
  218.             Log.d(TAG, "saveChildRect===>(" + rectF);
  220.             positionMap.put(rectF, view);
  221.         } else {
  222.             int childCount = view.getChildCount();
  223.             for (int i = 0; i < childCount; i++) {
  224.                 if (view.getChildAt(i) instanceof ViewGroup) {
  225.                     this.saveChildRect((ViewGroup) view.getChildAt(i));
  226.                 }
  227.             }
  228.         }
  229.     }
  231.     private void startTransAnim(int direction, float start, float end) {
  232.         if (translateAnim != null && translateAnim.isRunning()) {
  233.             translateAnim.end();
  234.         }
  235.         String proName = direction == DIRECTION_X ? "translationX" : "translationY";
  236.         translateAnim = ObjectAnimator.ofFloat(getChildAt(0), proName, start, end);
  237.         translateAnim.setInterpolator(new AccelerateDecelerateInterpolator());
  238.         translateAnim.start();
  239.     }
  241.     /**
  242.      * @param direction 负数：向上滑动 else 向下滑动
  243.      * @return
  244.      */
  245.     private boolean canChildScrollVertically(int direction) {
  246.         return touchView == null ? false : ViewCompat.canScrollVertically(touchView, direction);
  247.     }
  249.     /**
  250.      * @param direction 负数：向左滑动 else 向右滑动
  251.      * @return
  252.      */
  253.     private boolean canChildScrollHorizontally(int direction) {
  254.         return touchView == null ? false : ViewCompat.canScrollHorizontally(touchView, direction);
  255.     }
  257.     public float getTransRatio() {
  258.         return transRatio;
  259.     }
  261.     /**
  262.      * 设置偏移部分百分比
  263.      *
  264.      * @param transRatio 0-1 ,1 100%距离
  265.      */
  266.     public void setTransRatio(float transRatio) {
  267.         this.transRatio = transRatio;
  268.     }
  269. }

弹弹弹 打造万能弹性layout的更多相关文章

  1. 简单实现弹出弹框页面背景半透明灰，弹框内容可滚动原页面内容不可滚动的效果(JQuery)

    弹出弹框 效果展示 实现原理 html结构比较简单,即: <div>遮罩层 <div>弹框</div> </div> 先写覆盖显示窗口的遮罩层div.b ...

  2. android打造万能的适配器(转)

    荒废了两天,今天与大家分享一个ListView的适配器 前段时间在学习慕课网的视频,觉得这种实现方式较好,便记录了下来,最近的项目中也使用了多次,节省了大量的代码,特此拿来与大家分享一下. 还是先看图 ...

  3. Android 快速开发系列 打造万能的ListView GridView 适配器

    转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38902805 ,本文出自[张鸿洋的博客] 1.概述 相信做Android开发的写 ...

  4. 安卓开发笔记——打造万能适配器(Adapter)

    为什么要打造万能适配器? 在安卓开发中,用到ListView和GridView的地方实在是太多了,系统默认给我们提供的适配器(ArrayAdapter,SimpleAdapter)经常不能满足我们的需 ...

  5. Path特效之PathMeasure打造万能路径动效

    前面两篇文章主要讲解了 Path 的概念和基本使用,今天我们一起利用 Path 做个比较实用的小例子: 上一篇我们使用 Path 绘制了一个小桃心,我们这一篇继续围绕着这个小桃心进行展开: ----- ...

  6. salesforce零基础学习（九十四）classic下pagelayout引入的vf page弹出内容更新此page layout

    我们在classic环境中,有时针对page layout不能实现的地方,可以引入 一个vf page去增强标准的 page layout 功能,有时可能要求这个 vf page的部分修改需要更新此 ...

  7. 一款jQuery实现重力弹动模拟效果特效,弹弹弹，弹走IE6

    一款jQuery实现重力弹动模拟效果特效 鼠标经过两块黑色div中间的红色线时,下方的黑快会突然掉落, 并在掉落地上那一刻出现了弹跳的jquery特效效果,非常不错,还兼容所有的浏览器, 适用浏览器: ...

  8. Android中EditTex焦点设置和弹不弹出输入法的问题(转)

    今天编程碰到了一个问题:有一款平板,打开一个有EditText的Activity会默认弹出输入法.为了解决这个问题就深入研究了下android中焦点Focus和弹出输入法的问题.在网上看了些例子都不够 ...

  9. jquery layer插件弹出弹层 结构紧凑，功能强大

    /* 去官方网站下载最新的js http://sentsin.com/jquery/layer/ ①引用jquery ②引用layer.min.js */ 事件触发炸弹层可以自由绑定,例如: $('# ...

随机推荐

  1. 理解java容器底层原理--手动实现ArrayList

    为了照顾初学者,我分几分版本发出来 版本一:基础版本 实现对象创建.元素添加.重新toString() 方法 package com.xzlf.collection; /** * 自定义一个Array ...

  2. php json接口demo

    <?php class Student { public $no; public $username; public $password; } $student=new Student(); $ ...

  3. Zabbix备份数据文件

    mysql自带的工具mysqldump,当数据量大了之后进行全备所花的时间比较长,这样将会造成数据库的锁读.从而zabbix服务的监控告警不断,想着做下配置文件的备份.刚好有这么个脚本.满足了需求. ...

  4. nginx 配置多个 https 域名访问

    需要此操作的原因 在服务器上部署了 halo blog 以后,这次需要部署另外一个项目,但是又不想使用 ip + port,因此选择使用 nginx 配置多个域名访问. nginx 配置 server ...

  5. python读取txt批量创建文件

    python读取txt批量创建文件 pythonbatchfile 前几天有个小问题, 需要批量建立很多文件夹,, 所以手动写了个小的脚本, 后续可以直接使用 读取目录文件, 然后直接创建相应的文件 ...

  6. 非阻塞同步机制和CAS

    目录 什么是非阻塞同步 悲观锁和乐观锁 CAS 非阻塞同步机制和CAS 我们知道在java 5之前同步是通过Synchronized关键字来实现的,在java 5之后,java.util.concur ...

  7. Linux系统管理第四次作业 磁盘管理 文件系统

    1.为主机新增两块30GB的SCSI硬盘 2.划分3个主分区,各5GB,剩余空间作为扩展分区 [root@localhost ~]# fdisk /dev/sdb 欢迎使用 fdisk (util-l ...

  8. Django入门4: ORM 数据库操作

    大纲 一.DjangoORM 创建基本类型及生成数据库表结构 1.简介 2.创建数据库 表结构 二.Django ORM基本增删改查 1.表数据增删改查 2.表结构修改 三.Django ORM 字段 ...

  9. Alpine Linux 3.9.2 发布，轻量级 Linux 发行版

    开发四年只会写业务代码,分布式高并发都不会还做程序员?   Alpine Linux 3.9.2 已发布,Alpine Linux 是一款面向安全的轻量级 Linux 发行版,体积十分的小. Alpi ...

  10. 【20180129】java进程经常OOM,扩容swap。

    导读:线上一台服务器专门做为公司内部apk打包服务,由于app的业务和功能与时俱增,apk打包需要依赖的资源越来越多,最近这几天每次apk打包的时候都会由于OOM导致打包失败.由于apk打包业务并不是 ...