Android List View Drag and Drop sort

Question

I have a list of records in a listview that I want the user to be able to re-sort using a drag and drop method   I have seen this implemented in other apps  but I have not found a tutorial for it   It must be something that others need as well   Can anyone point me to some code for doing this

User · Answer

The DragListView lib does this really neat with very nice support for custom animations such as elevation animations. It is also still maintained and updated on a regular basis.

Here is how you use it:

1: Add the lib to gradle first

dependencies {
    compile 'com.github.woxthebox:draglistview:1.2.1'
}

2: Add list from xml

<com.woxthebox.draglistview.DragListView
    android:id="@+id/draglistview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

3: Set the drag listener

mDragListView.setDragListListener(new DragListView.DragListListener() {
    @Override
    public void onItemDragStarted(int position) {
    }

    @Override
    public void onItemDragEnded(int fromPosition, int toPosition) {
    }
});

4: Create an adapter overridden from DragItemAdapter

public class ItemAdapter extends DragItemAdapter<Pair<Long, String>, ItemAdapter.ViewHolder>
    public ItemAdapter(ArrayList<Pair<Long, String>> list, int layoutId, int grabHandleId, boolean dragOnLongPress) {
        super(dragOnLongPress);
        mLayoutId = layoutId;
        mGrabHandleId = grabHandleId;
        setHasStableIds(true);
        setItemList(list);
}

5: Implement a viewholder that extends from DragItemAdapter.ViewHolder

public class ViewHolder extends DragItemAdapter.ViewHolder {
    public TextView mText;

    public ViewHolder(final View itemView) {
        super(itemView, mGrabHandleId);
        mText = (TextView) itemView.findViewById(R.id.text);
    }

    @Override
    public void onItemClicked(View view) {
    }

    @Override
    public boolean onItemLongClicked(View view) {
        return true;
    }
}

For more detailed info go to https://github.com/woxblom/DragListView

User · Answer

I have been working on this for some time now  Tough to get right  and I don t claim I do  but I m happy with it so far  My code and several demos can be found at   https   github com bauerca drag-sort-listview   Its use is very similar to the TouchInterceptor  on which the code is based   although significant implementation changes have been made   DragSortListView has smooth and predictable scrolling while dragging and shuffling items  Item shuffles are much more consistent with the position of the dragging floating item  Heterogeneous-height list items are supported  Drag-scrolling is customizable  I demonstrate rapid drag scrolling through a long list---not that an application comes to mind   Headers Footers are respected  etc    Take a look

User · Answer

I recently stumbled upon this great Gist that gives a working implementation of a drag sort ListView  with no external dependencies needed     Basically it consists on creating your custom Adapter extending ArrayAdapter as an inner class to the activity containing your ListView  On this adapter one then sets an onTouchListener to your List Items that will signal the start of the drag    In that Gist they set the listener to a specific part of the layout of the List Item  the  handle  of the item   so one does not accidentally move it by pressing any part of it  Personally  I preferred to go with an onLongClickListener instead  but that is up to you to decide  Here an excerpt of that part   public class MyArrayAdapter extends ArrayAdapter lt String gt         private ArrayList lt String gt  mStrings   new ArrayList lt String gt         private LayoutInflater mInflater      private int mLayout         constructor  clear  remove  add  insert          Override     public View getView final int position  View convertView  ViewGroup parent            ViewHolder holder           View view   convertView            inflate  etc             final String string   mStrings get position           holder title setText string               Here the listener is set specifically to the handle of the layout         holder handle setOnTouchListener new View OnTouchListener                  Override             public boolean onTouch View view  MotionEvent motionEvent                    if  motionEvent getAction      MotionEvent ACTION DOWN                        startDrag string                       return true                                    return false                                        change color on dragging item and other things                      return view            This also involves adding an onTouchListener to the ListView  which checks if an item is being dragged  handles the swapping and invalidation  and stops the drag state  An excerpt of that part   mListView setOnTouchListener new View OnTouchListener           Override      public boolean onTouch View view  MotionEvent event            if   mSortable    return false            switch  event getAction                  case MotionEvent ACTION DOWN                    break                            case MotionEvent ACTION MOVE                       get positions                 int position   mListView pointToPosition  int  event getX                          int  event getY                     if  position  lt  0                        break                                       check if it s time to swap                 if  position    mPosition                        mPosition   position                      mAdapter remove mDragString                       mAdapter insert mDragString  mPosition                                     return true                            case MotionEvent ACTION UP              case MotionEvent ACTION CANCEL              case MotionEvent ACTION OUTSIDE                      stop drag state                 stopDrag                    return true                                  return false              Finally  here is how the stopDrag and startDrag methods look like  which handle the enabling and disabling of the drag process   public void startDrag String string        mPosition   -1      mSortable   true      mDragString   string      mAdapter notifyDataSetChanged       public void stopDrag         mPosition   -1      mSortable   false      mDragString   null      mAdapter notifyDataSetChanged

User · Answer

I found DragSortListView worked well  although getting started on it could have been easier  Here s a brief tutorial on using it in Android Studio with an in-memory list    Add this to the build gradle dependencies for your app   compile  asia ivity android drag-sort-listview 1 0     Corresponds to release 0 6 1  Create a resource for the drag handle ID by creating or adding to values ids xml    lt resources gt          possibly other resources          lt item type  id  name  drag handle    gt   lt  resources gt   Create a layout for a list item that includes your favorite drag handle image  and assign its ID to the ID you created in step 2  e g  drag handle   Create a DragSortListView layout  something like this    lt com mobeta android dslv DragSortListView     xmlns android  http   schemas android com apk res android      xmlns dslv  http   schemas android com apk res-auto      android layout width  match parent      android layout height  wrap content      dslv drag handle id   id drag handle      dslv float background color   android color background light   gt   Set an ArrayAdapter derivative with a getView override that renders your list item view       final ArrayAdapter lt MyItem gt  itemAdapter   new ArrayAdapter lt MyItem gt  this  R layout my item  R id my item name  items       The third parameter works around ugly Android legacy  http   stackoverflow com a 18529511 145173          Override public View getView int position  View convertView  ViewGroup parent                View view   super getView position  convertView  parent               MyItem item   getItem position                 TextView  view findViewById R id my item name   setText item getName                        Fill in other views                 return view                        dragSortListView setAdapter itemAdapter    Set a drop listener that rearranges the items as they are dropped       dragSortListView setDropListener new DragSortListView DropListener              Override public void drop int from  int to                MyItem movedItem   items get from               items remove from               if  from  gt  to  --from              items add to  movedItem               itemAdapter notifyDataSetChanged

User · Answer

Am adding this answer for the purpose  of those who google about this    There was an episode of DevBytes  ListView Cell Dragging and Rearranging  recently  which explains how to do this    You can find it here also the sample code is available here   What this code basically does   is  that it creates a dynamic listview by the extension of listview that supports cell dragging and swapping  So that you can use the  DynamicListView instead of your basic ListView  and that s  it you have implemented  a ListView with Drag and Drop

User · Answer

Now it s pretty easy to implement for RecyclerView with ItemTouchHelper  Just override onMove method from ItemTouchHelper Callback     Override public boolean onMove RecyclerView recyclerView  RecyclerView ViewHolder viewHolder  RecyclerView ViewHolder target        mMovieAdapter swap viewHolder getAdapterPosition    target getAdapterPosition         return true      Pretty good tutorial on this can be found at medium com   Drag and Swipe with RecyclerView

[android] Android List View Drag and Drop sort

Examples related to android

Examples related to listview