多个图叠加，解决点击事件穿透，onTouch事件拦截但是响应点击事件

本文链接：https://blog.youkuaiyun.com/ali18510953445/article/details/78246780

本文介绍了一种自定义的ImageView——NoTouchImageView，用于解决在地图等复杂背景上显示图片时，点击图片会触发背景地图变化的问题。通过重写onTouchEvent方法并拦截事件，确保点击事件仅作用于图片本身。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

公司开发中遇到在地图上显示图片，并且图片有点击事件的需求，但是你点击图片的时候下面的地图也跟着变化，发生事件透传，所以写了这么一个自定义的ImageView；

1.首先定义一个类继承自ImageView，初始化构造器

public class NoTouchImageView extends ImageView{
    public OnMyClickListener listener;
public NoTouchImageView(Context context) {
super(context);
// TODO Auto-generated constructor stub
}


public NoTouchImageView(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
}


public NoTouchImageView(Context context, AttributeSet attrs,
int defStyleAttr) {
super(context, attrs, defStyleAttr);
// TODO Auto-generated constructor stub
}

2、重写onTouch事件，主要进行拦截事件分发操作

//重写onTouch事件
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
         case MotionEvent.ACTION_DOWN:    //按下
             Drawable drawable = getDrawable();
             if (drawable != null) {                                      //设置成灰色效果
                 drawable.mutate().setColorFilter(Color.GRAY,      
                         PorterDuff.Mode.MULTIPLY);
             }
             break;
         case MotionEvent.ACTION_MOVE:   //移动
             break;
         case MotionEvent.ACTION_CANCEL:
         case MotionEvent.ACTION_UP:       //抬起
             Drawable drawableUp = getDrawable();      //恢复正常
             if (drawableUp != null) {
                 drawableUp.mutate().clearColorFilter();
             }
             listener.onMyClick(this);                //调用方法
             break;
     }


     return true;   //重点是这里，返回true表示消费了此事件不在往下传递了
}

3、定义接口，用来响应该Imageview的点击事件，并在上方*MotionEvent.ACTION_UP时调用*

//定义一个接口
public interface OnMyClickListener {
        void onMyClick(View var1);
    }
}

4、设置set方法，传入listener

public void setOnMyClick(OnMyClickListener  ll) {
        listener=ll;
    }

5、使用

//点击事件
notouchImageview.setOnMyClick(new OnMyClickListener() {
    @Override
    public void onMyClick(View var1) {
        Toast。。。。。。。。。。
    }
});

6、完整代码

package com.xxx;

import android.content.Context;
import android.graphics.Color;
import android.graphics.PorterDuff;
import android.graphics.drawable.Drawable;
import android.support.v4.widget.SearchViewCompat.OnCloseListenerCompat;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;
/**
 * 拦截事件传递，并且相应点击事件
 * auther cgq
 * */
public class NoTouchImageView extends ImageView{
    public OnMyClickListener listener;

    public NoTouchImageView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    public NoTouchImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }

    public NoTouchImageView(Context context, AttributeSet attrs,
            int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        // TODO Auto-generated constructor stub
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
         switch (event.getAction()) {
         case MotionEvent.ACTION_DOWN:
             Drawable drawable = getDrawable();
             if (drawable != null) {
                 drawable.mutate().setColorFilter(Color.GRAY,
                         PorterDuff.Mode.MULTIPLY);
             }
             break;
         case MotionEvent.ACTION_MOVE:
             break;
         case MotionEvent.ACTION_CANCEL:
         case MotionEvent.ACTION_UP:
             Drawable drawableUp = getDrawable();
             if (drawableUp != null) {
                 drawableUp.mutate().clearColorFilter();
             }
             listener.onMyClick(this);
             break;
     }

     return true;
    }

    public void setOnMyClick(OnMyClickListener  ll) {
        listener=ll;

    }
    public interface OnMyClickListener {
        void onMyClick(View var1);
    }
}