前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android捕获点击事件范围的方法

Android捕获点击事件范围的方法

作者头像
砸漏
发布2020-11-05 11:01:43
1.7K0
发布2020-11-05 11:01:43
举报
文章被收录于专栏:恩蓝脚本

View的Tween动画过程中点击事件的位置并不会因为动画位置的改变而改变,是因为在动画过程中layout的位置实际上没有变,因此曾经一度认为View的点击事件(其实不仅仅是点击事件,包括所有的触摸事件)触发的范围是该View在layout的时候指定的left,top,right,bottom。今天才发现不完全是这样的。一切都是因为平时看代码没有仔细一点所造成了对问题理解不全面。

在这里记录一下发现问题到处理问题的过程。

自定义这样一个ViewGroup,layout两个线性布局,左边的LinearLayout覆盖全屏幕,右面的LinearLayout在屏幕外面隐藏。然后观察在想做滑动的过程中,第二个LinearLayout显示出来的过程中,按钮Button和第二个线性布局的位置信息:

可以看到,在向左滑第二个线性布显示出来的过程中,他的位置并没有变,这里指的是通过getLeft(),getTop(),getRight(),getBottom()获得的位置,也就是由layout决定的位置。

既然位置并没有改变,那么这时候点击第二个线性布局和按钮点击事件也被响应了,就说明捕获点击事件的位置并不完全是在layout的位置。因为并没有将手伸到屏幕外面去点击…

回头来看ViewGroup#dispatchTouchEvent方法在分发触摸事件的时候:

代码语言:javascript
复制
for (int i = count - 1; i  = 0; i--) { 
 final View child = children[i]; 
 if ((child.mViewFlags & VISIBILITY_MASK) == VISIBLE 
   || child.getAnimation() != null) { 
  child.getHitRect(frame); 
  if (frame.contains(scrolledXInt, scrolledYInt)) { 
   // offset the event to the view's coordinate system 
   final float xc = scrolledXFloat - child.mLeft; 
   final float yc = scrolledYFloat - child.mTop; 
   ev.setLocation(xc, yc); 
   child.mPrivateFlags &= ~CANCEL_NEXT_UP_EVENT; 
   if (child.dispatchTouchEvent(ev)) { 
    // Event handled, we have a target now. 
    mMotionTarget = child; 
    return true; 
   } 
  } 
} 

其中frame.contains(scrolledXInt, scrolledYInt)函数就是判断点(scrolledXInt,scrolledYInt)是不是在frame矩形里面。这个矩形frame是由child.getHitRect(frame);获得的:

代码语言:javascript
复制
public void getHitRect(Rect outRect) { 
  outRect.set(mLeft, mTop, mRight, mBottom); 
} 

显然这个矩形就是由该子View的Layout的布局参数所决定的。但是scrolledXInt和scrolledYInt参数,并不是我们手指点击的位置:

代码语言:javascript
复制
final int action = ev.getAction(); 
final float xf = ev.getX(); 
final float yf = ev.getY(); 
final float scrolledXFloat = xf + mScrollX; 
final float scrolledYFloat = yf + mScrollY; 
…… 
final int scrolledXInt = (int) scrolledXFloat; 
final int scrolledYInt = (int) scrolledYFloat; 

可以看出,在判断这个点是否包含在子View内的时候,这个点不是手指所点击的坐标,而是手指点击的坐标加上了mScrollX和mScrollY,然后在判断是否在该子View的范围里面。

现在思考向左滑动的过程中,虽然第二个线性布局的位置没有变,还是layout的参数位置,是:mLeft:720,mTop:0,mRight:1440,mBottom:1134。

但是他的父View的mScrollX改变了,向左滑mScrollX大于0,这是用手点击第二个线性布局,手所点击的位置再加上mScrollX的值,这时就会落在了第二个线性布局的layout的范围里面。

测试代码:

自定义MyViewGroup:

代码语言:javascript
复制
public class MyViewGroup extends ViewGroup { 
public static final String TAG = "MyViewGroup"; 
private int childCount; 
private GestureDetector detector; 
private Button btn; 
private LinearLayout ll2; 
public MyViewGroup(Context context, AttributeSet attrs, int defStyle) { 
super(context, attrs, defStyle); 
init(context); 
} 
public MyViewGroup(Context context, AttributeSet attrs) { 
super(context, attrs); 
init(context); 
} 
public MyViewGroup(Context context) { 
super(context); 
init(context); 
} 
private void init(final Context context) { 
detector = new GestureDetector(context, new MyOnGestureListener()); 
LinearLayout ll1 = new LinearLayout(context); 
ll1.setBackgroundColor(Color.BLUE); 
ll2 = new LinearLayout(context); 
ll2.setBackgroundColor(Color.RED); 
btn = new Button(context); 
btn.setText("点击按钮"); 
ll2.addView(btn); 
addView(ll1); 
addView(ll2); 
setOnTouchListener(new MyTouchEvent()); 
ll2.setOnClickListener(new OnClickListener() { 
@Override 
public void onClick(View v) { 
Toast.makeText(context, "点击了线性布局2", 0).show(); 
} 
}); 
btn.setOnClickListener(new OnClickListener() { 
@Override 
public void onClick(View v) { 
Toast.makeText(context, "点击了Button", 0).show(); 
} 
}); 
} 
@Override 
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
childCount = getChildCount(); 
for (int i = 0; i < childCount; i++) { 
View child = getChildAt(i); 
child.measure(widthMeasureSpec,heightMeasureSpec); 
} 
} 
@Override 
protected void onLayout(boolean changed, int l, int t, int r, int b) { 
for (int i = 0; i < childCount; i++) { 
View child = getChildAt(i); 
child.layout(0+i*getWidth(), 0, (i+1)*getWidth(), getHeight()); 
} 
} 
private class MyTouchEvent implements View.OnTouchListener{ 
@Override 
public boolean onTouch(View v, MotionEvent event) { 
detector.onTouchEvent(event); 
return true; 
} 
} 
private class MyOnGestureListener extends SimpleOnGestureListener{ 
@Override 
public boolean onScroll(MotionEvent e1, MotionEvent e2, 
float distanceX, float distanceY) { 
scrollBy((int) distanceX, 0); 
if (getScrollX()% 10 == 0) {     
Log.i(TAG, "Button左上右下位置:" + btn.getLeft() + "/" 
+ btn.getTop() + "/" 
+ btn.getRight() + "/" 
+ btn.getBottom()); 
Log.i(TAG, "线性布局2的左上右下位置:" + ll2.getLeft() + "/" 
+ ll2.getTop() + "/" 
+ ll2.getRight() + "/" 
+ ll2.getBottom()); 
Log.i(TAG, "MyViewGroup的mScrollX:" + getScrollX()); 
} 
return super.onScroll(e1, e2, distanceX, distanceY); 
} 
} 
} 

然后在Activity里面:

代码语言:javascript
复制
public class MainActivity extends Activity { 
@Override 
protected void onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState); 
setContentView(new MyViewGroup(this)); 
} 
}

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档