it-swarm.com.ru

Android Просмотр списка Перетаскивание

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

130
miannelle

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

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

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

85
heycosmo

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

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

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

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

18
Arun C

Теперь это довольно легко реализовать для 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: Drag and Swipe with RecyclerView

15
birdy

Библиотека 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
Wox

Я обнаружил, что 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();
            }
        });
    
5
Edward Brey

Недавно я наткнулся на этот замечательный 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();
}
2
DarkCygnus