View的Tween动画过程中点击事件的位置并不会因为动画位置的改变而改变,是因为在动画过程中layout的位置实际上没有变,因此曾经一度认为View的点击事件(其实不仅仅是点击事件,包括所有的触摸事件)触发的范围是该View在layout的时候指定的left,top,right,bottom。今天才发现不完全是这样的。一切都是因为平时看代码没有仔细一点所造成了对问题理解不全面。
在这里记录一下发现问题到处理问题的过程。
自定义这样一个ViewGroup,layout两个线性布局,左边的LinearLayout覆盖全屏幕,右面的LinearLayout在屏幕外面隐藏。然后观察在想做滑动的过程中,第二个LinearLayout显示出来的过程中,按钮Button和第二个线性布局的位置信息:
可以看到,在向左滑第二个线性布显示出来的过程中,他的位置并没有变,这里指的是通过getLeft(),getTop(),getRight(),getBottom()获得的位置,也就是由layout决定的位置。
既然位置并没有改变,那么这时候点击第二个线性布局和按钮点击事件也被响应了,就说明捕获点击事件的位置并不完全是在layout的位置。因为并没有将手伸到屏幕外面去点击…
回头来看ViewGroup#dispatchTouchEvent方法在分发触摸事件的时候:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
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);获得的:
1
2
3
|
public void getHitRect(Rect outRect) { outRect.set(mLeft, mTop, mRight, mBottom); } |
显然这个矩形就是由该子View的Layout的布局参数所决定的。但是scrolledXInt和scrolledYInt参数,并不是我们手指点击的位置:
1
2
3
4
5
6
7
8
|
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
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里面:
1
2
3
4
5
6
7
8
|
public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super .onCreate(savedInstanceState); setContentView( new MyViewGroup( this )); } } |
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。
原文链接:https://blog.csdn.net/cauchyweierstrass/article/details/41862523