Android控件捕获点击事件的范围

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

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

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

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

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

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

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);获得的:

    public void getHitRect(Rect outRect) {
        outRect.set(mLeft, mTop, mRight, mBottom);
}

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

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:

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里面:

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(new MyViewGroup(this));
	}
}

时间: 2024-10-12 19:59:20

Android控件捕获点击事件的范围的相关文章

Android 控件的触摸事件传递与处理

了解Android控件的触摸事件传递与处理对我们日常开发中自定义控件和触摸事件冲突解决有重大意义.Android控件的触摸事件传递和处理主要有以下几个方法,下面一一介绍. 一.与触摸事件有关的几个方法 boolean dispatchTouchEvent(MotionEvent ev);                                                                                               接收到触摸事件时,是否

winform自定义控件中其他遮挡控件点击事件

自定义控件在其他窗口调用时,里面的lable阻挡了控件的点击事件 解决方法 自定义控件中lable的 点击事件 private void Lable1_Click(object sender, EventArgs e) { base.OnClick(e);//触发控件点击事件 } 原文地址:https://www.cnblogs.com/shoumufan/p/10276311.html

控件点击事件会穿透给下面的界面--解决办法

问题: 在SlidingDrawer放上一些ImageButton等控件后,发现在ListView上点击时会穿透到下面的界面对象上,而SlidingDrawer上有按键处理的控件则不会. 解决方法: 给控件添加属性:android:clickable="true" 如果抽屉content内嵌了一个布局文件,可以将布局文件中的布局属性中添加此属性. 另: ViewGroup有两个子ViewGroup A和B,当切换到A时,B隐藏,反之当切换到B时隐藏A.当A在显示在前面时,单击A中的控件

在CTreeCtrl控件点击事件中获取点击的项

网上搜了一下,有两种方法: 1.使用GetSelectedItem() HTREEITEM hItem = m_treeCtrl.GetSelectedItem(); CString strText = m_treeCtrl.GetItemText(hItem); MessageBox(strText); 2.使用HitTest() CPoint pt; GetCursorPos(&pt); m_treeCtrl.ScreenToClient(&pt); UINT uFlags; HTRE

ListView使用自定义适配器的情况下实现适配器的文本和图标控件点击事件执行Activity界面中的方法

ListView使用的是自定义适配器,列表项的布局文件中含有文本和图标,实现文本区域和图标区域的点击事件. 实现思路:在自定义适配器MyArrayAdapter 类型中自定义接口和接口方法,分别设置文本区域和图标区域的OnClickListener,然后在activity界面中MyArrayAdapter实例实现这个接口. 1.listitem布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLa

ListView使用自定义适配器的情况下实现适配器的控件点击事件执行Activity界面中的方法

如果ListView使用的是自定义的适配器,比如MyArrayAdapter extends ArrayAdapter<String> 那么,如何实现适配器中的点击事件执行activity界面中的方法呢? 实现思路:在自定义适配器MyArrayAdapter 类型中自定义接口和接口方法,然后在activity界面中MyArrayAdapter实例实现这个接口. 较为完整的代码见上文. 1.MyArrayAdapter 关键代码 自定义接口和方法的代码如下: //列表项的单击事件监听接口 pub

scrollview添加手势 不影响子控件点击事件

给父视图添加手势,但是子视图的点击事件失效了,怎么办?我在写tableView 自定义cel中显示多张图片 可以左右滑动 我在cell里面放了一个collectionView, 点击tableViewCell 跳转到详情页 如果点的是collectionView里的第三张图片,则详情页直接滑到第三张 ,点击其他区域 从第一张开始. 当图片的少的时候 点击collectionView空白区域的时候,tableViewCell的点击代理方法不走,把collectionView的userInterac

FusionChart图表控件 点击事件(XML和JSON作为数据源时的分别处理方式)

1.JSON作为数据源时: @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>InChart</title> <script src="~/Scripts/jquery-1.8.2.min.js"&g

【Android UI】案例04配置控件点击效果(selector)

本例采用XML(selector),配置控件点击效果的实现,即当控件被触发或点击获取到焦点时,出现样式上的改变,以便给以较好的用户体验与操作感.本例需要引入的核心知识点的selector.xml.请参考学习:http://blog.csdn.net/mahoking/article/details/23690857.本例用于演示点击效果的控件为TextView.Button. [转载使用,请注明出处:http://blog.csdn.net/mahoking] 首先需要配置selector.xm