Android UI事件传递就是这么个事儿
正文 ###聊聊UI事件传递
什么是UI事件?
- 触摸屏幕中UI控件的那一刻即为事件发生
- MotionEvent对象包含了所有的触摸事件,如
触摸的位置、多指触摸等
- MotionEvent描述了当前的操作类型,以下为常见类型(数字代表对应的值):
ACTION_DOWN = 0
按下ACTION_UP = 1
抬起ACTION_MOVE = 2
移动ACTION_CANCEL = 3
动作取消ACTION_OUTSIDE = 4
动作超出边界ACTION_POINTER_DOWN = 5
已有一个点被按住,此时再按下一个点ACTION_POINTER_UP = 6
多个点被按住,非最后放开的点都会调用
事件如何传递?
上图简略关系如下:
× 之前一直以为事件是从子布局开始传递到父布,因为以直观的角度我们先碰到的是子布局得到错误的事件顺序:view1 --> ViewGroup2 --> ViewGroup1
√ 后来才知道事件是从父布局传递到子布局,是由父布局判断点击位置上面有子布局然后向子布局传递。如果事件向子布局传递没有被拦截和消费,那么事件又会向父布局传递。正确的没有被拦截和消费的事件顺序:Activity --> ViewGroup1 --> ViewGroup2 --> View1 --> ViewGroup2 --> ViewGroup1 --> Activity
以下的Log为当手指对view1点击、滑动、抬起时,
发生的一系列事件传递(0.按下;1.抬起; 2.移动):
复制代码
E/MainActivity: ----------- dispatchTouchEvent = 0E/ViewGroup1: ------------- dispatchTouchEvent = 0E/ViewGroup1: ------------- onInterceptTouchEvent = 0E/ViewGroup2: ------------- dispatchTouchEvent = 0E/ViewGroup2: ------------- onInterceptTouchEvent = 0E/View1: ------------------ dispatchTouchEvent = 0E/View1: ------------------ onTouchEvent = 0E/ViewGroup2: ------------- onTouchEvent = 0E/ViewGroup1: ------------- onTouchEvent = 0E/MainActivity: ----------- onTouchEvent = 0E/MainActivity: ----------- dispatchTouchEvent = 2E/MainActivity: ----------- onTouchEvent = 2E/MainActivity: ----------- dispatchTouchEvent = 2E/MainActivity: ----------- onTouchEvent = 2E/MainActivity: ----------- dispatchTouchEvent = 2E/MainActivity: ----------- onTouchEvent = 2E/MainActivity: ----------- dispatchTouchEvent = 1E/MainActivity: ----------- onTouchEvent = 1E/MainActivity: ----------- dispatchTouchEvent = 1E/MainActivity: ----------- onTouchEvent = 1
复制代码
观察
|
---|
可以看出事件由外层大布局到内部子布局传进去,在从子布局传出去(Activity --> ViewGroup1 --> ViewGroup2 --> View1 --> ViewGroup2 --> ViewGroup1 --> Activity)
|
由此log还可以看出:当按下的事件没有被拦截,那么所有状态的事件都由Activity进行处理
|
如何拦截?
通过dispatchTouchEvent对事件进行拦截,当返回值为
true
的时候拦截事件拦截后事件将不会传到子布局 现在以ViewGroup1为例: 让ViewGroup1中的dispatchTouchEvent直接返回true 当手指对View1点击、移动、抬起时 发生的一系列事件传递(0.按下;1.抬起; 2.移动)
复制代码
E/MainActivity: ---------------- dispatchTouchEvent = 0 E/ViewGroup1: ------------------ dispatchTouchEvent = 0 E/MainActivity: ---------------- dispatchTouchEvent = 2 E/ViewGroup1: ------------------ dispatchTouchEvent = 2 E/MainActivity: ---------------- dispatchTouchEvent = 2 E/ViewGroup1: ------------------ dispatchTouchEvent = 2 E/MainActivity: ---------------- dispatchTouchEvent = 2 E/ViewGroup1: ------------------ dispatchTouchEvent = 2 E/MainActivity: ---------------- dispatchTouchEvent = 1 E/ViewGroup1: ------------------ dispatchTouchEvent = 1 ```
观察
|
---|
可以看出事件传递到ViewGroup1后被拦截,没有被任何布局消费
|
也就是说事件还没被消费就被拦截会导致触摸无效
|
我们可以在dispatchTouchEvent判断哪些情况需要拦截,哪些不需要拦截就放事件过去(以上直接返回了true拦截了所有情况的事件)
|
如何获取?
通过onInterceptTouchEvent获取事件,当返回值为
true
的时候获取事件获取事件后会调用onTouchEvent方法,调用这个方法后,如果我们设置了OnTouchListener,那么触摸监听将会被调用。 现在以ViewGroup2为例: 让ViewGroup2中的onInterceptTouchEvent直接返回true 当手指对View1点击、移动、抬起时 发生的一系列事件传递(0.按下;1.抬起; 2.移动)
E/MainActivity: ---------------- dispatchTouchEvent = 0
E/ViewGroup1: ------------------ dispatchTouchEvent = 0
E/ViewGroup1: ------------------ onInterceptTouchEvent = 0
E/ViewGroup2: ------------------ dispatchTouchEvent = 0
E/ViewGroup2: ------------------ onInterceptTouchEvent = 0
E/ViewGroup2: ------------------ onTouchEvent = 0
E/ViewGroup1: ------------------ onTouchEvent = 0
E/MainActivity: ---------------- onTouchEvent = 0
E/MainActivity: ---------------- dispatchTouchEvent = 2
E/MainActivity: ---------------- onTouchEvent = 2
E/MainActivity: ---------------- dispatchTouchEvent = 2
E/MainActivity: ---------------- onTouchEvent = 2
E/MainActivity: ---------------- dispatchTouchEvent = 2
E/MainActivity: ---------------- onTouchEvent = 2
E/MainActivity: ---------------- dispatchTouchEvent = 1
E/MainActivity: ---------------- onTouchEvent = 1
复制代码
观察问题
|
原因
|
解决
|
---|---|---|
哎呀呀~!为啥我获取到了的事件之后,移动和抬起手指的事件被MainActivity吃了!愤怒!!
|
原来onTouchEvent如果处理按下事件DOWN的时候没有返回true。如果onTouchEvent处理DOWN时候返回false,则表示没有消费事件,事件将会回到父布局,并且后续事件将不会再传递过来。
|
onTouchEvent方法中判断为按下DOWN事件的时候,返回true即下面要说的消费
|
如何消费?
上边已经提到过,就是获取事件遗留下来一个问题:获取到了按下事件,为啥没继续获取到后续的事件?就是因为按下时onTouchEvent没有返回true,导致事件从新回到父布局,也就是没有消费事件。
现在接着以ViewGroup2为例:还是让ViewGroup2中的onInterceptTouchEvent直接返回true添加:在onTouchEvent方法中添加判断if (event.getAction() == MotionEvent.ACTION_DOWN) {return true;}当手指对View1点击、移动、抬起时发生的一系列事件传递(0.按下;1.抬起; 2.移动) 复制代码
复制代码
E/MainActivity: ---------------- dispatchTouchEvent = 0 E/ViewGroup1: ------------------ dispatchTouchEvent = 0 E/ViewGroup1: ------------------ onInterceptTouchEvent = 0 E/ViewGroup2: ------------------ dispatchTouchEvent = 0 E/ViewGroup2: ------------------ onInterceptTouchEvent = 0 E/ViewGroup2: ------------------ onTouchEvent = 0 E/MainActivity: ---------------- dispatchTouchEvent = 2 E/ViewGroup1: ------------------ dispatchTouchEvent = 2 E/ViewGroup1: ------------------ onInterceptTouchEvent = 2 E/ViewGroup2: ------------------ dispatchTouchEvent = 2 E/ViewGroup2: ------------------ onTouchEvent = 2 E/MainActivity: ---------------- onTouchEvent = 2 E/MainActivity: ---------------- dispatchTouchEvent = 2 E/ViewGroup1: ------------------ dispatchTouchEvent = 2 E/ViewGroup1: ------------------ onInterceptTouchEvent = 2 E/ViewGroup2: ------------------ dispatchTouchEvent = 2 E/ViewGroup2: ------------------ onTouchEvent = 2 E/MainActivity: ---------------- onTouchEvent = 2 E/MainActivity: ---------------- dispatchTouchEvent = 1 E/ViewGroup1: ------------------ dispatchTouchEvent = 1 E/ViewGroup1: ------------------ onInterceptTouchEvent = 1 E/ViewGroup2: ------------------ dispatchTouchEvent = 1 E/ViewGroup2: ------------------ onTouchEvent = 1 E/MainActivity: ---------------- onTouchEvent = 1
| `观察`|
|-|
|`由上边log可以看出,现在在ViewGroup2中的onTouchEvent的按下事件返回一个true后,按下事件并没有在传递回父布局中,使得后续事件都将能得到`|
|`可以看出当后续事件传递过来时,ViewGroup2已经没有再次调用onInterceptTouchEvent方法`|
|`我们只是将按下DOWN的事件返回true,所以除了按下事件其他移动或抬起的事件activity都也能获取到。当onTouchEvent不管三七二十一直接返回一个true时,activity就不会获取到事件`|![当消费ViewGroup2的按下DOWN事件时.png](http://upload-images.jianshu.io/upload_images/1552955-078ecc8bed94af8d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)![当ViewGroup2中onTouchEvent直接返回true时.png](http://upload-images.jianshu.io/upload_images/1552955-fe80728c817d87c0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
### Button获取事件是怎么回事?
- 现在将View1换成Button1,其他的恢复最初状态,先来看看触摸的log
复制代码
E/MainActivity: ------------- dispatchTouchEvent = 0 E/ViewGroup1: --------------- dispatchTouchEvent = 0 E/ViewGroup1: --------------- onInterceptTouchEvent = 0 E/ViewGroup2: --------------- dispatchTouchEvent = 0 E/ViewGroup2: --------------- onInterceptTouchEvent = 0 E/Button1: ------------------ dispatchTouchEvent = 0 E/Button1: ------------------ onTouchEvent = 0 E/MainActivity: ------------- dispatchTouchEvent = 2 E/ViewGroup1: --------------- dispatchTouchEvent = 2 E/ViewGroup1: --------------- onInterceptTouchEvent = 2 E/ViewGroup2: --------------- dispatchTouchEvent = 2 E/ViewGroup2: --------------- onInterceptTouchEvent = 2 E/Button1: ------------------ dispatchTouchEvent = 2 E/Button1: ------------------ onTouchEvent = 2 E/MainActivity: ------------- dispatchTouchEvent = 2 E/ViewGroup1: --------------- dispatchTouchEvent = 2 E/ViewGroup1: --------------- onInterceptTouchEvent = 2 E/ViewGroup2: --------------- dispatchTouchEvent = 2 E/ViewGroup2: --------------- onInterceptTouchEvent = 2 E/Button1: ------------------ dispatchTouchEvent = 2 E/Button1: ------------------ onTouchEvent = 2 E/MainActivity: ------------- dispatchTouchEvent = 1 E/ViewGroup1: --------------- dispatchTouchEvent = 1 E/ViewGroup1: --------------- onInterceptTouchEvent = 1 E/ViewGroup2: --------------- dispatchTouchEvent = 1 E/ViewGroup2: --------------- onInterceptTouchEvent = 1 E/Button1: ------------------ dispatchTouchEvent = 1 E/Button1: ------------------ onTouchEvent = 1
- 在来看看序列图![Button获取触摸事件.png](http://upload-images.jianshu.io/upload_images/1552955-737a88ead364d2df.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)- 这一看,这不是和上面那张图`当ViewGroup2中onTouchEvent直接返回true时`的效果一样的吗?也就是说button默认就是直接获取了事件,没有让事件返回主布局中。- 等等还有一个!!!大家都知道布局有个属性**clickable**吧!当设置它的值为true时,使得这个布局事件如button所述!- 更深入的理解的话这里博客已经介绍的很详细了- [Android事件分发机制完全解析,带你从源码的角度彻底理解(上)](http://blog.csdn.net/guolin_blog/article/details/9097463)- [Android事件分发机制完全解析,带你从源码的角度彻底理解(下)](http://blog.csdn.net/guolin_blog/article/details/9153747)### 实际的应用
-
来一个简单的应用xml布局
复制代码
activity代码
复制代码
package com.examples.customtouch;
import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.view.MotionEvent; import android.view.View; import android.widget.CheckBox;
/**
Created by Dave Smith
Double Encore, Inc.
Date: 9/25/12
TouchListenerActivity */ public class TouchListenerActivity extends Activity implements View.OnTouchListener {
/* Views to display last seen touch event */ CheckBox mLockBox;
@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.touch_listener);
mLockBox = (CheckBox) findViewById(R.id.checkbox_lock);findViewById(R.id.selection_first).setOnTouchListener(this);findViewById(R.id.selection_second).setOnTouchListener(this);findViewById(R.id.selection_third).setOnTouchListener(this); 复制代码
}
@Override public boolean onTouch(View v, MotionEvent event) { /* * Consume the events here so the buttons cannot process them * if the CheckBox in the UI is checked */ Log.e("TouchListenerActivity", getNameForEvent(event)); return mLockBox.isChecked(); }
@Override public boolean onTouchEvent(MotionEvent event) { Log.e("onTouchEvent", getNameForEvent(event)); return super.onTouchEvent(event); }
private String getNameForEvent(MotionEvent event) { String action = ""; switch (event.getAction()) { case MotionEvent.ACTION_DOWN: action = "ACTION_DOWN"; break; case MotionEvent.ACTION_CANCEL: action = "ACTION_CANCEL"; break; case MotionEvent.ACTION_MOVE: action = "ACTION_MOVE"; break; case MotionEvent.ACTION_UP: action = "ACTION_UP"; break; default: return null; }
return String.format("%s\n%.1f, %.1f", action, event.getX(), event.getY()); 复制代码
} }
![效果图](http://upload-images.jianshu.io/upload_images/1552955-c3f471a317844513.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)|`状态`|`描述`|
|:-:|:-:|
|`当Lock Selection没有勾选时`|`下边的单选能正常选择`|
|`当Lock Selection勾选时`|`下边的单选无法点击`|- 大家是否疑惑了,为什么复选框选中状态,ontouch返回了true反而不能点击了。为什么不是返回false无法点击,返回true时才能点击呢?其实这些控件默认可以点击的都是默认获取事件的,如上面说的button为什么获取事件一样,所以返回true和false和预想的结果相反。#所用知识和资料
1. Android studio插件plantUml画序列图和类图
2. [PlantUML快速指南](http://archive.3zso.com/archives/plantuml-quickstart.html#sec-5-3) 和 [PlantUML官网](http://plantuml.com/classes.html)
3. [Android事件分发机制完全解析,带你从源码的角度彻底理解(上)](http://blog.csdn.net/guolin_blog/article/details/9097463)
[Android事件分发机制完全解析,带你从源码的角度彻底理解(下)](http://blog.csdn.net/guolin_blog/article/details/9153747)
4. [公共技术点之 View 事件传递](http://a.codekk.com/detail/Android/Trinea/%E5%85%AC%E5%85%B1%E6%8A%80%E6%9C%AF%E7%82%B9%E4%B9%8B%20View%20%E4%BA%8B%E4%BB%B6%E4%BC%A0%E9%80%92)
5. [最后的那个例子来自于这儿](https://github.com/devunwired/custom-touch-examples)
复制代码
Android UI事件传递就是这么个事儿相关推荐
- Android触摸事件传递分析与实践
设计UI时,亲爱的交互设计师们总会有一些天马行空的想法,大多数情况下原生的控件已不能支持这些"看似简单"的交互逻辑,需要继承ListView.ViewPager.ScrollVie ...
- Android Touch事件传递
touch翻译为接触,触摸.我们今天要聊的就是摸的事件. 在Android中了解了Touch事件可以帮助我们解决,ScrollView嵌套ListView,GridView,viewPager滑动冲突 ...
- Android Touch事件传递机制 二:单纯的(伪生命周期) 这个清楚一点
转载于:http://blog.csdn.net/yuanzeyao/article/details/38025165 在前一篇文章中,我主要讲解了Android源码中的Touch事件的传递过程,现在 ...
- Android Touch事件传递机制 二:单纯的(伪生命周期)
转载于:http://blog.csdn.net/yuanzeyao/article/details/38025165 在前一篇文章中,我主要讲解了Android源码中的Touch事件的传递过程,现在 ...
- android方向触摸事件,Android触摸事件传递机制,这一篇就够了
整个触摸事件牵涉到的是,Activity,View,ViewGroup三者的传递机制. 这个触摸事件就是从外层往内层一层层的传递. 整个传递机制,分为3个步骤:分发,拦截,和消费. 1. 触摸事件的类 ...
- Android之Android触摸事件传递机制
转载请标明出处: http://blog.csdn.net/hai_qing_xu_kong/article/details/53431274 本文出自:[顾林海的博客] ##前言 关于Android ...
- Android Touch事件传递机制解析 (推荐)
最近新闻列表里的下拉 down up move 等等让我十分头疼 ,无意间看到了一篇非常不错的帖子,转载如下: 开篇语:最近程序在做一个小效果,要用到touch,结果整得云里面雾里的,干脆就好好把a ...
- android imageview 事件传递,Android 事件传递机制TextView,ImageView等没有默认clickable属性的View单独设置onTouch事件注意事项...
本文讲解TextView,ImageView等没有默认clickable属性的View单独设置onTouch事件 Android 事件传递机制:Android 事件传递机制初涉 我们知道 Button ...
- Android onTouch事件传递机制
Android onTouch事件介绍: Android的触摸事件:onClick, onScroll, onFling等等,都是由许多个Touch组成的.其中Touch的第一个状态肯定是ACTION ...
最新文章
- 福建省计算机一级应用技术基础知识,求福建省计算机一级考试的基础题
- Android Prefence 总结
- 详细设计说明书示例_专利说明书常用句型汇总
- springboot设置默认值_spring boot jpa存储数据的默认值为java的默认值
- redis-cluster集群单机搭建
- thinkphp3.2笔记(1)目录,控制器及url模式,地址解析
- 华为鸿蒙将比安卓快,任正非透露华为鸿蒙系统:将比安卓速度快60%
- 从入门到入土:Python爬虫学习|实例练手|爬取新浪新闻搜索指定内容|Xpath定位标签爬取|代码注释详解
- 使用Python PyQt5实现一个简单的图像识别软件
- 谷歌flutter_在Flutter中使用Google Pay Through Stripe接受付款
- STM8单片机STVD环境新建工程笔记
- Python爬虫实战 | (6) 爬取猫眼电影《海王》影评
- 计算机系统无法启动 错误恢复怎么办,win7系统无法启动 安全模式也进入不了怎么办-win7启动失败,win7错误恢复无法开机...
- UE4镜头抖动CameraShake
- PHP(4):PHP操作WORD文件
- Security2:角色和权限
- android 时间水印相机,时间水印相机
- python使用execJS运行js函数例子
- 技术分享 | 实战 MySQL 8.0.17 Clone Plugin
- css3 烟 蚊香_HTML5前端特效库 css3 按钮粒子烟花特效源码
热门文章
- Linux系统定时任务Crond
- 微软推出 Power Platform 漏洞奖励计划
- Zerodium 称 iOS exploit 过剩,将暂停收购且买价或下跌
- 思科Smart Software Manager高权限登录凭证遭暴露
- CW3 Clarifications
- pycharm如何设置python版本、设置国内pip镜像、添加第三方类库
- DCOS Virtual Networks
- 使用RTL-SDR打开车门
- 支撑EB级规模的大数据平台深度揭秘
- 关于 Linux 的配置文件 /etc/profile 路径出错后相关的命令失效解决方式(如:ls,vi不能用)...