拖动时跳转ImageView。 getX()和getY()值正在跳跃

时间:2013-07-08 15:36:11

标签: android drag-and-drop imageview android-imageview ontouchlistener

我已经创建了一个用于拖动视图的onTouchListener。如果我使用getRawX()getRawY(),图片会顺畅拖动。问题是,当您向下放置第二个指针然后抬起第一个指针时,图像将跳转到第二个指针。

此onTouchListener尝试通过跟踪pointerId来解决该问题。这个onTouchListener的问题是在拖动ImageView时,ImageView非常疯狂地跳转。 getX()getY()值会跳转。

我觉得我这样做是正确的。我不想为此编写自定义视图,因为我已经实现了scaleGestureDetector并编写了一个有效的自定义rotateGestureDetector。一切正常但我需要解决使用getRawX()getRawY()时遇到的问题。

有人知道我在这里做错了吗?

这是我的onTouchListener:

final View.OnTouchListener onTouchListener = new View.OnTouchListener()
{
    @Override
    public boolean onTouch(View v, MotionEvent event)
    {
        relativeLayoutParams = (RelativeLayout.LayoutParams) v.getLayoutParams();

        final int action = event.getAction();
        switch (action & MotionEvent.ACTION_MASK)
        {
            case MotionEvent.ACTION_DOWN:
            {
                final float x = event.getX();
                final float y = event.getY();

                // Where the user started the drag
                lastX = x;
                lastY = y;
                activePointerId = event.getPointerId(0);
                break;
            }
            case MotionEvent.ACTION_MOVE:
            {
                // Where the user's finger is during the drag
                final int pointerIndex = event.findPointerIndex(activePointerId);
                final float x = event.getX(pointerIndex);
                final float y = event.getY(pointerIndex);

                // Calculate change in x and change in y
                final float dx = x - lastX;
                final float dy = y - lastY;

                // Update the margins to move the view
                relativeLayoutParams.leftMargin += dx;
                relativeLayoutParams.topMargin += dy;
                v.setLayoutParams(relativeLayoutParams);

                // Save where the user's finger was for the next ACTION_MOVE
                lastX = x;
                lastY = y;

                v.invalidate();
                break;
            }
            case MotionEvent.ACTION_UP:
            {
                activePointerId = INVALID_POINTER_ID;
                break;
            }
            case MotionEvent.ACTION_CANCEL:
            {
                activePointerId = INVALID_POINTER_ID;
                break;
            }
            case MotionEvent.ACTION_POINTER_UP:
            {
                // Extract the index of the pointer that left the touch sensor
                final int pointerIndex = (action & MotionEvent.ACTION_POINTER_INDEX_MASK) >> MotionEvent.ACTION_POINTER_INDEX_SHIFT;
                final int pointerId = event.getPointerId(pointerIndex);

                if(pointerId == activePointerId)
                {
                    // This was our active pointer going up. Choose a new
                    // active pointer and adjust accordingly
                    final int newPointerIndex = pointerIndex == 0 ? 1 : 0;
                    lastX = (int) event.getX(newPointerIndex);
                    lastY = (int) event.getY(newPointerIndex);
                    activePointerId = event.getPointerId(newPointerIndex);
                }
                break;
            }
        }
        return true;
    }
};
image1.setOnTouchListener(onTouchListener);

3 个答案:

答案 0 :(得分:12)

问题很简单,但出乎意料。 getRawX/Y()返回绝对坐标,而getX/Y()返回相对于视图的坐标。我会移动视图,重置lastX/Y,图像将不再在同一个位置,因此当我获得新值时,它们将被关闭。在这种情况下,我只需要最初按下图像的位置(不是使用`getRawX / Y'时的情况)。

因此,解决方案是简单地删除以下内容:

// Save where the user's finger was for the next ACTION_MOVE
lastX = x;
lastY = y;

我希望这将有助于将来的某些人,因为我已经看到其他人遇到此问题,并且他们有类似的代码(重置lastX/Y

答案 1 :(得分:0)

我有一个提示&认为这会有所帮助。

invalidate() : does only redrawing a view,doesn't change view size/position.

你应该使用的是什么 requestLayout():测量和布局过程。 &安培;我认为在致电requestLayout();

时会调用setLayoutParams()

请尝试删除v.invalidate()

或尝试使用view.layout(left,top,right,bottom)方法而不是设置layoutParams。

答案 2 :(得分:0)

经过大量研究后,我发现这是问题,getRawX是绝对的,getX是相对于视图的。因此使用它来将一个转换为另一个

//RawX = getX + View.getX

event.getRawX == event.getX(event.findPointerIndex(ptrID1))+view.getX()