ListView drag and drop

Question

I have two listviews. And i want to drag an item from one listview and drop at a specific location on another listview. How can i do that. This is my layout.

Here i have two ListViews. now on my long click listener i hide the item clicked

listView2.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
            @Override
            public boolean onItemLongClick(AdapterView arg0, View arg1, int arg2, long arg3) {
                View selectedView = listView2.getChildAt(arg2);
                selectedView.setVisibility(View.INVISIBLE);
                mCellIsMobile = true;

                return false;
            }
        });


listView2.setOnTouchListener(new View.OnTouchListener() {

                @Override
                public boolean onTouch(View v, MotionEvent event) {

                    int xPos = (int)event.getX();
                    int yPos = (int)event.getY();
                    Log.i("Touched","ListView2"+xPos+" , "+yPos);

                    parentLayout.requestDisallowInterceptTouchEvent(false);
                    parentLayout.onInterceptTouchEvent(event);

                    return false;
                }
            });

Also parentLayout also has its touch listener but touch never reaches the parent as child consumes it.

 parentLayout.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {

                int xPos = (int)event.getX();
                int yPos = (int)event.getY();
                Log.i("Touched","Parent"+xPos+" , "+yPos);
   return false;
            }
        });

Nadeem Iqbal · Accepted Answer

The only problem in below code is that : You want to drop item at a SPECIFIC place on second listview and below code is only adding it either END of the 2nd List or either the Start of the List.

Basically the problem is I can't find the exact position where you will be dropping the item on 2nd ListView. If you could find out that then replace the POSITION_TO_DROP variable with that value.

 int POSITION_TO_DROP = 0;
 droppedList.add(POSITION_TO_DROP, droppedItem);

or just use this to add at the end of 2nd Listview

 droppedList.add(droppedItem);

see these images

Dragging

and After Drop, it will add in the start of 2nd List.

And After Droping

Code:

 //onCreate Start
    targetLayout = (LinearLayout) findViewById(R.id.targetlayout);
    listSource = (ListView) findViewById(R.id.sourcelist);
    listTarget = (ListView) findViewById(R.id.targetlist);
    comments = (TextView) findViewById(R.id.comments);

    // Create and set the tags for the Buttons

    final String SOURCELIST_TAG = "listSource";
    final String TARGETLIST_TAG = "listTarget";
    final String TARGETLAYOUT_TAG = "targetLayout";

    listSource.setTag(SOURCELIST_TAG);
    listTarget.setTag(TARGETLIST_TAG);
    targetLayout.setTag(TARGETLAYOUT_TAG);

    listSource.setAdapter(new ArrayAdapter(this,
            android.R.layout.simple_list_item_1, month));
    listSource.setOnItemLongClickListener(listSourceItemLongClickListener);

    droppedList = new ArrayList();
    droppedAdapter = new ArrayAdapter(this,
            android.R.layout.simple_list_item_1, droppedList);
    listTarget.setAdapter(droppedAdapter);

    listSource.setOnDragListener(myDragEventListener);
    targetLayout.setOnDragListener(myDragEventListener);

   // OnCreate End


    OnItemLongClickListener listSourceItemLongClickListener = new OnItemLongClickListener() {

    @Override
    public boolean onItemLongClick(AdapterView l, View v, int position,
            long id) {

        // Selected item is passed as item in dragData
        ClipData.Item item = new ClipData.Item(month[position]);

        String[] clipDescription = { ClipDescription.MIMETYPE_TEXT_PLAIN };
        ClipData dragData = new ClipData((CharSequence) v.getTag(),
                clipDescription, item);
        DragShadowBuilder myShadow = new MyDragShadowBuilder(v);

        v.startDrag(dragData, // ClipData
                myShadow, // View.DragShadowBuilder
                month[position], // Object myLocalState
                0); // flags

        commentMsg = v.getTag() + " : onLongClick.
";
        comments.setText(commentMsg);

        return true;
    }
};

private static class MyDragShadowBuilder extends View.DragShadowBuilder {
    private static Drawable shadow;

    public MyDragShadowBuilder(View v) {
        super(v);
        shadow = new ColorDrawable(Color.LTGRAY);
    }

    @Override
    public void onProvideShadowMetrics(Point size, Point touch) {
        int width = getView().getWidth();
        int height = getView().getHeight();

        shadow.setBounds(0, 0, width, height);
        size.set(width, height);
        touch.set(width / 2, height / 2);
    }

    @Override
    public void onDrawShadow(Canvas canvas) {
        shadow.draw(canvas);
    }

}

protected class MyDragEventListener implements View.OnDragListener {

    @Override
    public boolean onDrag(View v, DragEvent event) {
        final int action = event.getAction();

        switch (action) {
        case DragEvent.ACTION_DRAG_STARTED:
            // All involved view accept ACTION_DRAG_STARTED for
            // MIMETYPE_TEXT_PLAIN
            if (event.getClipDescription().hasMimeType(
                    ClipDescription.MIMETYPE_TEXT_PLAIN)) {
                commentMsg += v.getTag()
                        + " : ACTION_DRAG_STARTED accepted.
";
                comments.setText(commentMsg);
                return true; // Accept
            } else {
                commentMsg += v.getTag()
                        + " : ACTION_DRAG_STARTED rejected.
";
                comments.setText(commentMsg);
                return false; // reject
            }
        case DragEvent.ACTION_DRAG_ENTERED:
            commentMsg += v.getTag() + " : ACTION_DRAG_ENTERED.
";
            comments.setText(commentMsg);
            return true;
        case DragEvent.ACTION_DRAG_LOCATION:
            commentMsg += v.getTag() + " : ACTION_DRAG_LOCATION - "
                    + event.getX() + " : " + event.getY() + "
";
            comments.setText(commentMsg);
            return true;
        case DragEvent.ACTION_DRAG_EXITED:
            commentMsg += v.getTag() + " : ACTION_DRAG_EXITED.
";
            comments.setText(commentMsg);
            return true;
        case DragEvent.ACTION_DROP:
            // Gets the item containing the dragged data
            ClipData.Item item = event.getClipData().getItemAt(0);

            commentMsg += v.getTag() + " : ACTION_DROP" + "
";
            comments.setText(commentMsg);

            // If apply only if drop on buttonTarget
            if (v == targetLayout) {
                String droppedItem = item.getText().toString();

                commentMsg += "Dropped item - " + droppedItem + "
";
                comments.setText(commentMsg);

                int POSITION_TO_DROP = 0;
                droppedList.add(POSITION_TO_DROP, droppedItem);

                droppedAdapter.notifyDataSetChanged();

                return true;
            } else {
                return false;
            }

        case DragEvent.ACTION_DRAG_ENDED:
            if (event.getResult()) {
                commentMsg += v.getTag()
                        + " : ACTION_DRAG_ENDED - success.
";
                comments.setText(commentMsg);
            } else {
                commentMsg += v.getTag() + " : ACTION_DRAG_ENDED - fail.
";
                comments.setText(commentMsg);
            }
            ;
            return true;
        default: // unknown case
            commentMsg += v.getTag() + " : UNKNOWN !!!
";
            comments.setText(commentMsg);
            return false;

        }
    }
}

Check the complete project here => Drag and Drop Between 2 ListViews

ListView drag and drop

Answers (1)

Code:

Related Questions