【问题标题】:Android ImageView Overlap Touch IssueAndroid ImageView重叠触摸问题
【发布时间】:2015-02-12 14:19:44
【问题描述】:

我在这里遇到了 imageView 触摸问题。我在 FrameLayout 中有两个图像视图。考虑两个图像都是矩形并且相互重叠。

  • 图像 1 是可触摸、可拖动和可移动的
  • 图片 2 不可移动

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

我想防止/限制在触摸图像 2 重叠区域时移动图像 1。我怎样才能做到这一点?图像 2 也可以是自定义形状、视图或画布。

我正在输入 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;
        }
    });

谢谢。

【问题讨论】:

  • 能否添加代码?
  • 你好安德烈亚斯。我已经添加了代码
  • 您是说图像 2 不可移动。可以触摸吗?
  • 不。图像 2 没有触摸事件。我已将图像 2 BringtoFront()、setClickable 和 setEnabled 设置为 false,但结果相同。触摸 FrameLayout 内的任何位置都会移动图像 1,即使有另一个图像阻挡了半视图。
  • 请检查我在下面给出的答案,如果这不能解决您的问题,请告诉我。虽然我相信您正在寻找的答案就是那个。

标签: android image


【解决方案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           
 }

【讨论】:

  • 你好安德烈亚斯。我不想移动图像 2。它应该始终保持在图像 1 的前面。想象图像 1 是我的真实照片,图像 2 是一个中间有透明矩形的相框。我想限制 Image 1 仅移动到其可见区域。例如,触摸矩形相框不应该移动图像 1。有没有更好的方法来做到这一点?对不起我的英语不好。
  • 在创建 img1 之前,您是否尝试过在 xml 中创建 img2?这种方式会将img2放在后面,img1放在前面。让我知道这是否能解决问题。
  • 是的。我听从你的指示。为图像 2 添加了触摸事件,它必须返回 true。现在图像 2 不移动,仅在其可见区域内移动图像 1。我不知道 Android 是这样工作的。谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-05-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-28
  • 1970-01-01
相关资源
最近更新 更多