Drag on Multiple Images not working

Question

I am working on an app which uses drag & drop on Images I can add any number of images in a relative layout. I am able to drag images, but only one at a time. Once i add new image, all the previous images are not touchable.

public void addImage(Bitmap bmp)
{
    ivtest= new ImageView(TabletActivity.this);
    if(bmp!=null)
    {
        ivtest.setImageBitmap(bmp);
        rlAddView.addView(ivtest,  new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));

        bmp= null;
    }
    ivtest.setTag("sdjfjd");
    ivtest.bringToFront();
    ivtest.setScaleType(ScaleType.MATRIX);
    ivtest.setOnTouchListener(this);
}

this is code where i add a new image. The ivtest is an global imageView.

public class TestImage extends View  implements OnTouchListener
{
private ScaleGestureDetector mScaleDetector;
private float mScaleFactor = 1.f;
private Drawable mIcon;
private float mLastTouchX;
private static final int INVALID_POINTER_ID = -1;

// The ‘active pointer’ is the one currently moving our object.
private int mActivePointerId = INVALID_POINTER_ID;
 private float mPosX;
    private float mPosY;

    private float mLastTouchY;


public TestImage(Context context, Drawable _micon)
{
    super(context);
     mIcon =_micon; 
     WindowManager wManager= (WindowManager)context.getSystemService(Context.WINDOW_SERVICE);
     mIcon.setBounds((int)getPivotX(), (int)getPivotY(), mIcon.getIntrinsicWidth(),mIcon.getIntrinsicWidth());

//  setOnTouchListener(this);

    mScaleDetector = new ScaleGestureDetector(context, new ScaleListener());

}

 @Override
 public boolean onTouch(View view, MotionEvent ev)
 {

        mScaleDetector.onTouchEvent(ev);

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


            mLastTouchX = x;
            mLastTouchY = y;
            mActivePointerId = ev.getPointerId(0);
            break;
        }

        case MotionEvent.ACTION_MOVE: {
            final int pointerIndex = ev.findPointerIndex(mActivePointerId);
            final float x = ev.getX(pointerIndex);
            final float y = ev.getY(pointerIndex);

            // Only move if the ScaleGestureDetector isn't processing a gesture.
            if (!mScaleDetector.isInProgress()) {
                final float dx = x - mLastTouchX;
                final float dy = y - mLastTouchY;

                mPosX += dx;
                mPosY += dy;

                invalidate();
            }

            mLastTouchX = x;
            mLastTouchY = y;

            break;
        }

        case MotionEvent.ACTION_UP: {
            mActivePointerId = INVALID_POINTER_ID;
            break;
        }

        case MotionEvent.ACTION_CANCEL: {
            mActivePointerId = INVALID_POINTER_ID;
            break;
        }

        case MotionEvent.ACTION_POINTER_UP: {
            final int pointerIndex = (ev.getAction() & MotionEvent.ACTION_POINTER_INDEX_MASK) 
                    >> MotionEvent.ACTION_POINTER_INDEX_SHIFT;
            final int pointerId = ev.getPointerId(pointerIndex);
            if (pointerId == mActivePointerId) {
                // This was our active pointer going up. Choose a new
                // active pointer and adjust accordingly.
                final int newPointerIndex = pointerIndex == 0 ? 1 : 0;
                mLastTouchX = ev.getX(newPointerIndex);
                mLastTouchY = ev.getY(newPointerIndex);
                mActivePointerId = ev.getPointerId(newPointerIndex);
            }
            break;
        }
        }

        return true;

}


@Override
public void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    canvas.save();
    canvas.translate(mPosX, mPosY);
    canvas.scale(mScaleFactor, mScaleFactor);
    mIcon.setBounds(0, 0, mIcon.getIntrinsicWidth(),mIcon.getIntrinsicWidth());
    mIcon.draw(canvas);
    canvas.restore();
}

private class ScaleListener extends ScaleGestureDetector.SimpleOnScaleGestureListener {
    @Override
    public boolean onScale(ScaleGestureDetector detector) {
        mScaleFactor *= detector.getScaleFactor();

        // Don't let the object get too small or too large.
        mScaleFactor = Math.max(0.1f, Math.min(mScaleFactor, 5.0f));

        invalidate();
        return true;
    }
}

} enter image description here

@userSeven7s i have edited the code. Its a little bit changes as i am trying some other thing. but it covers most of the things. — Kamal, Jun 25 '12 at 09:50
Use Below SO Answer Link's for solve this issue, it may help you. [Drag & Drop Images](http://stackoverflow.com/questions/11027792/android-drag-and-drop-images-on-the-screen/11028521#11028521) — Dipak Keshariya, Jun 25 '12 at 10:03
in your answer, they already have two static image views. In my case i am adding them on runtime & they all have the same label. — Kamal, Jun 25 '12 at 11:17
@Kamal: I'm facing similar thing.and I don't know how to use `android-multitouch-controller`.can you show your code for reference? Thanks in advance. — Mehul Joisar, Nov 06 '13 at 13:39

score 1 · Accepted Answer · answered Jun 26 '12 at 12:24

1

i have found the answer. This ia a library project which implement the drag-drop, rotation, scaling on a view. http://code.google.com/p/android-multitouch-controller/

answered Jun 26 '12 at 12:24

Kamal

1,415
13
24

score 0 · Answer 2 · answered Jun 25 '12 at 08:41

0

You should not use FILL_PARENT width and height when defining LayoutParams, because it "covers" all other views in layout. Use WRAP_CONTENT instead.

answered Jun 25 '12 at 08:41

Jin35

8,602
3
32
52

Attach your UI screenshot please – Jin35 Jun 25 '12 at 09:59

Drag on Multiple Images not working

2 Answers2

Linked