Android-Listenansicht Drag-and-Drop-Sortierung

Ich habe eine Liste von Datensätzen in einer Listenansicht, die der Benutzer per Drag-and-Drop-Methode neu sortieren kann. Ich habe gesehen, dass dies in anderen Apps implementiert ist, aber ich habe kein Tutorial dafür gefunden. Es muss etwas sein, was andere auch brauchen. Kann mir jemand einen Code dafür zeigen?

Daran arbeite ich schon seit einiger Zeit. Es ist schwierig, es richtig zu machen, und ich behaupte nicht, dass ich es tue, aber ich bin bisher zufrieden damit. Meinen Code und mehrere Demos finden Sie unter

• https://github.com/bauerca/drag-sort-listview

Seine Verwendung ist dem TouchInterceptor (auf dem der Code basiert) jedoch sehr ähnlich von Bedeutung Implementierungsänderungen vorgenommen wurden.

DragSortListView bietet ein reibungsloses und vorhersagbares Scrollen beim Ziehen und Mischen von Elementen. Das Mischen von Gegenständen stimmt viel besser mit der Position des gezogenen/schwebenden Gegenstands überein. Listenelemente mit heterogener Höhe werden unterstützt. Drag-Scrolling ist anpassbar (ich demonstriere schnelles Drag-Scrolling durch eine lange Liste – nicht, dass mir eine Anwendung in den Sinn kommt). Kopf-/Fußzeilen werden berücksichtigt. etc.?? Schau mal.

Jetzt ist es ziemlich einfach zu implementieren für RecyclerView mit ItemTouchHelper. Einfach überschreiben onMove Methode aus ItemTouchHelper.Callback:

 @Override
public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
    mMovieAdapter.swap(viewHolder.getAdapterPosition(), target.getAdapterPosition());
    return true;
}

Ein ziemlich gutes Tutorial dazu finden Sie auf medium.com: Ziehen und wischen Sie mit RecyclerView

Ich füge diese Antwort für diejenigen hinzu, die darüber googeln.

Es gab eine Episode von DevBytes (Ziehen und Neuanordnen von ListView-Zellen) kürzlich erklärt, wie das geht

Du kannst es finden Hier auch der Beispielcode ist verfügbar Hier.

Was dieser Code im Grunde tut, ist, dass er eine erstellt dynamic listview durch die Verlängerung von listview das das Ziehen und Austauschen von Zellen unterstützt. Damit Sie die verwenden können DynamicListView anstelle Ihrer Basis ListView und schon haben Sie eine ListView mit Drag and Drop implementiert.

Die DragListView-Bibliothek macht das wirklich ordentlich mit sehr netter Unterstützung für benutzerdefinierte Animationen wie Höhenanimationen. Es wird auch weiterhin gepflegt und regelmäßig aktualisiert.

So verwenden Sie es:

1: Fügen Sie zuerst die Lib zu Gradle hinzu

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

2: Liste aus XML hinzufügen

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

3: Legen Sie den Drag-Listener fest

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

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

4: Erstellen Sie einen Adapter, der von DragItemAdapter überschrieben wird

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: Implementieren Sie einen Viewholder, der sich von DragItemAdapter.ViewHolder erstreckt

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;
    }
}

Weitere Informationen finden Sie unter https://github.com/woxblom/DragListView

ich fand DragSortListView funktionierte gut, obwohl der Einstieg hätte einfacher sein können. Hier ist ein kurzes Tutorial zur Verwendung in Android Studio mit einer In-Memory-Liste:

1. Fügen Sie dies hinzu build.gradle Abhängigkeiten für Ihre App:

   compile 'asia.ivity.android:drag-sort-listview:1.0' // Corresponds to release 0.6.1
   

2. Erstellen Sie eine Ressource für die Ziehgriff-ID, indem Sie erstellen oder hinzufügen values/ids.xml:

   <resources>
       ... possibly other resources ...
       <item type="id" name="drag_handle" />
   </resources>
   

3. Erstellen Sie ein Layout für ein Listenelement, das Ihr bevorzugtes Ziehgriffbild enthält, und weisen Sie seine ID der ID zu, die Sie in Schritt 2 erstellt haben (z drag_handle).

4. Erstellen Sie ein DragSortListView-Layout, etwa so:

   <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"/>
   

5. Setze ein ArrayAdapter Ableitung mit a getView überschreiben, die Ihre Listenelementansicht rendert.

       final ArrayAdapter<MyItem> itemAdapter = new ArrayAdapter<MyItem>(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);
   

6. Legen Sie einen Drop-Listener fest, der die Elemente beim Löschen neu anordnet.

       dragSortListView.setDropListener(new DragSortListView.DropListener() {
           @Override public void drop(int from, int to) {
               MyItem movedItem = items.get(from);
               items.remove(from);
               if (from > to) --from;
               items.add(to, movedItem);
               itemAdapter.notifyDataSetChanged();
           }
       });
   

Ich bin vor kurzem über diese tolle gestolpert Kern das gibt eine funktionierende Implementierung einer Drag-Sortierung ListViewohne dass externe Abhängigkeiten erforderlich sind.

Grundsätzlich besteht es darin, Ihre benutzerdefinierte Adaptererweiterung zu erstellen ArrayAdapter als innere Klasse zu der Aktivität, die Ihre enthält ListView. Auf diesen Adapter legt man dann einen an onTouchListener zu Ihren Listenelementen, die den Beginn des Ziehens signalisieren.

In diesem Gist setzen sie den Zuhörer auf einen bestimmten Teil des Layouts des Listenelements (den “Griff” des Elements), sodass man es nicht versehentlich bewegt, indem man auf einen Teil davon drückt. Ich persönlich bevorzuge es, mit einem zu gehen onLongClickListener stattdessen, aber das liegt an Ihnen zu entscheiden. Hier ein Auszug aus diesem Teil:

public class MyArrayAdapter extends ArrayAdapter<String> {

    private ArrayList<String> mStrings = new ArrayList<String>();
    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;
    }
}

Dazu gehört auch das Hinzufügen eines onTouchListener zum ListView, die überprüft, ob ein Element gezogen wird, das Austauschen und Ungültigmachen handhabt und den Ziehzustand stoppt. Ein Auszug aus diesem Teil:

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 < 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;
    }
});

Schließlich ist hier, wie die stopDrag und startDrag Methoden aussehen, die das Aktivieren und Deaktivieren des Ziehvorgangs behandeln:

public void startDrag(String string) {
    mPosition = -1;
    mSortable = true;
    mDragString = string;
    mAdapter.notifyDataSetChanged();
}

public void stopDrag() {
    mPosition = -1;
    mSortable = false;
    mDragString = null;
    mAdapter.notifyDataSetChanged();
}

Ich baue eine neue Bibliothek basierend auf RecyclerView, check it out

Sehen Sie sich meine neue Bibliothek für diese Aufgabe an
https://github.com/ueen/SortView/