Android List View Drag and Drop sort - PullRequest
130 голосов
/ 26 мая 2010

У меня есть список записей в виде списка, которые я хочу, чтобы пользователь мог повторно сортировать, используя метод перетаскивания. Я видел, как это реализовано в других приложениях, но я не нашел учебник для него. Это должно быть то, что нужно другим. Может кто-нибудь указать мне код для этого?

Ответы [ 6 ]

85 голосов
/ 22 июня 2012

Я работаю над этим уже некоторое время. Трудно получить право, и я не утверждаю, что я делаю, но я доволен этим до сих пор. Мой код и несколько демонстраций можно найти на

Его использование очень похоже на TouchInterceptor (на котором основан код), хотя значительные изменения реализации были сделаны.

DragSortListView имеет плавную и предсказуемую прокрутку при перетаскивании и перетасовке элементов. Перестановки предметов намного более соответствуют положению перетаскиваемого / плавающего предмета. Элементы списка разной высоты поддерживаются. Прокрутка с помощью перетаскивания настраивается (я демонстрирую быструю прокрутку с помощью перетаскивания по длинному списку - не то, что приложение приходит на ум). Верхние и нижние колонтитулы соблюдаются. так далее.?? Посмотри.

18 голосов
/ 26 августа 2013

Добавляю этот ответ для тех, кто гуглит по этому поводу ..

Недавно был эпизод DevBytes ( Перетаскивание и перегруппировка ячеек ListView ), в котором объясняется, как это сделать

Вы можете найти его здесь также образец кода доступен здесь .

Что этот код в основном делает, так это то, что он создает dynamic listview расширением listview, которое поддерживает перетаскивание и замену ячеек. Так что вы можете использовать DynamicListView вместо вашего базового ListView, и все, вы реализовали ListView с перетаскиванием.

15 голосов
/ 24 марта 2016

Теперь это довольно легко реализовать для RecyclerView с ItemTouchHelper . Просто переопределите onMove метод из ItemTouchHelper.Callback:

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

Довольно хороший учебник по этому вопросу можно найти на medium.com: Перетаскивание с помощью RecyclerView

5 голосов
/ 24 марта 2016

Библиотека DragListView делает это действительно аккуратно с очень хорошей поддержкой пользовательских анимаций, таких как анимация возвышения. Он также постоянно поддерживается и обновляется.

Вот как вы его используете:

1: сначала добавьте библиотеку в gradle

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

2: Добавить список из xml

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

3: установить прослушиватель перетаскивания

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

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

4: создание адаптера, переопределенного из 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: реализовать видоискатель, расширяемый от 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;
    }
}

Для получения более подробной информации перейдите на https://github.com/woxblom/DragListView

5 голосов
/ 20 июля 2015

Я обнаружил, DragSortListView работал хорошо, хотя начать его было проще. Вот краткое руководство по его использованию в Android Studio со списком в памяти:

  1. Добавьте это к build.gradle зависимостям для вашего приложения:

    compile 'asia.ivity.android:drag-sort-listview:1.0' // Corresponds to release 0.6.1
    
  2. Создайте ресурс для идентификатора маркера перетаскивания, создав или добавив в values/ids.xml:

    <resources>
        ... possibly other resources ...
        <item type="id" name="drag_handle" />
    </resources>
    
  3. Создайте макет для элемента списка, который включает ваше любимое изображение маркера перетаскивания, и назначьте его идентификатор для идентификатора, созданного на шаге 2 (например, drag_handle).

  4. Создайте макет DragSortListView, что-то вроде этого:

    <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. Установите ArrayAdapter производную с переопределением getView, которое отображает ваш элемент списка.

        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. Установите слушателя отбрасывания, который упорядочивает элементы по мере их отбрасывания.

        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();
            }
        });
    
2 голосов
/ 01 июня 2018

Я недавно наткнулся на эту замечательную Gist , которая дает рабочую реализацию сортировки с перетаскиванием ListView, без необходимости внешних зависимостей.


По сути, он заключается в создании вашего собственного Адаптера, расширяющего ArrayAdapter как внутренний класс для действия, содержащего ваш ListView. На этом адаптере один затем устанавливает onTouchListener для ваших элементов списка, которые будут сигнализировать о начале перетаскивания.

В этом Gist они устанавливают для слушателя определенную часть макета элемента списка («дескриптор» элемента), поэтому нельзя случайно переместить его, нажав любую его часть. Лично я предпочел вместо этого использовать onLongClickListener, но решать вам. Вот выдержка из этой части:

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

Сюда также входит добавление onTouchListener к ListView, которое проверяет, перетаскивается ли элемент, обрабатывает ли свопинг и делает его недействительным, и останавливает состояние перетаскивания. Выдержка из этой части:

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

Наконец, вот как выглядят методы stopDrag и startDrag, которые управляют включением и отключением процесса перетаскивания:

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

public void stopDrag() {
    mPosition = -1;
    mSortable = false;
    mDragString = null;
    mAdapter.notifyDataSetChanged();
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...