Android ImageView 重叠触摸问题

Question

我在使用 imageView 触控时遇到问题。我在 FrameLayout 中有两个 imageview。考虑两个图像都是矩形并且相互重叠。

图1可触摸、可拖动、可移动
图2不可移动

当我触摸图像 1 区域时，它会正确移动。但是，当我触摸与图像 1 重叠的图像 2 区域时，它会导致图像 1 移动。我已经尝试通过 Id 和 Tag 检测触摸，但它仍然说我正在触摸图像 1

我想 prevent/restrict 在触摸图像 2 重叠区域时图像 1 不移动。我怎样才能做到这一点？图片 2 也可以是自定义形状、视图或 canvas。

我正在输入XML

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <FrameLayout
        android:id="@+id/frm"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_weight="1" >

        <ImageView
            android:id="@+id/imgTest1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:scaleType="matrix"
            android:tag="img1"
            android:src="@drawable/a">
        </ImageView>

        <ImageView
            android:id="@+id/imgTest2"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:scaleType="matrix"
            android:tag="img2"
            android:src="@drawable/b">
        </ImageView>
    </FrameLayout>
</LinearLayout>

图片 1 触摸事件

setOnTouchListener(new OnTouchListener() {

        @Override
        public boolean onTouch(View v, MotionEvent event) {
            if (v.getTag() != null && v.getTag().equals("img1")) {
                ImageView view = (ImageView) v;

                // Handle touch events here...
                switch (event.getAction() & MotionEvent.ACTION_MASK) {
                    case MotionEvent.ACTION_DOWN:
                        savedMatrix.set(matrix);
                        start.set(event.getX(), event.getY());
                        mode = DRAG;
                        lastEvent = null;
                        break;
                    case MotionEvent.ACTION_POINTER_DOWN:
                        oldDist = spacing(event);
                        if (oldDist > 10f) {
                            savedMatrix.set(matrix);
                            midPoint(mid, event);
                            mode = ZOOM;
                        }
                        lastEvent = new float[4];
                        lastEvent[0] = event.getX(0);
                        lastEvent[1] = event.getX(1);
                        lastEvent[2] = event.getY(0);
                        lastEvent[3] = event.getY(1);
                        d = rotation(event);
                        break;
                    case MotionEvent.ACTION_UP:
                    case MotionEvent.ACTION_POINTER_UP:
                        mode = NONE;
                        lastEvent = null;
                        break;
                    case MotionEvent.ACTION_MOVE:
                        if (mode == DRAG) {
                            // ...
                            matrix.set(savedMatrix);
                            matrix.postTranslate(event.getX() - start.x, event.getY()
                                    - start.y);
                        } else if (mode == ZOOM && event.getPointerCount() == 2) {
                            float newDist = spacing(event);
                            matrix.set(savedMatrix);
                            if (newDist > 10f) {
                                float scale = newDist / oldDist;
                                matrix.postScale(scale, scale, mid.x, mid.y);
                            }
                            if (lastEvent != null) {
                                newRot = rotation(event);
                                float r = newRot - d;
                                matrix.postRotate(r, view.getMeasuredWidth() / 2,
                                        view.getMeasuredHeight() / 2);
                            }
                        }
                        break;
                }

                view.setImageMatrix(matrix);

                return true;
            }
            else
                return false;
        }
    });

谢谢。

Answer 1

我认为问题出在这里：

 if (v.getTag() != null && v.getTag().equals("img1")) {
            ImageView view = (ImageView) v;

您正在检查视图的标签是否等于 img1，然后执行您的工作。但是，我在任何地方都看不到您正在检查视图是否等于 img2（如您的 xml 中所述）。

你应该在完成上面的 if 语句后添加它，并在其中做适当的工作：

else if (v.getTag() != null && v.getTag().equals("img2")) {
     //do work here           
 }

Android ImageView 重叠触摸问题

Android ImageView Overlap Touch Issue

android

image