RecyclerView系列（三）拖动排序，横滑删除

最新推荐文章于 2024-05-08 14:52:01 发布
最新推荐文章于 2024-05-08 14:52:01 发布
阅读量1.4k 收藏
点赞数
分类专栏： Android原生控件 文章标签： 拖动排序 横滑删除
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nsacer/article/details/72796172
版权

效果图

这里写图片描述

原理说明

ItemTouchHelper.Callback的继承和自定义效果实现，并将实现的ItemTouchHelper绑定给对应的RecyclerView。

代码实现

准备工具(1): item的拖动接口 StartDragListener


import android.support.v7.widget.RecyclerView;

public interface StartDragListener {

    void onStartDrag(RecyclerView.ViewHolder holder);
}

准备工具(2): item长按选中、松开释放的接口 ItemTouchViewHolder

public interface ItemTouchViewHolder {

    void onItemSelected();

    void onItemClear();
}

准备工具(3): ItemTouchHelper.Callback的继承实现 StartDragListener

备注：其中操作的展现效果可以自己实现不同的效果

import android.graphics.Canvas;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.helper.ItemTouchHelper;

public class SimpleItemTouchHelperCallback extends ItemTouchHelper.Callback {

    private final float ALPHA = 1.0f;
    private OnItemTouchListener adapter;
    private boolean isLongPressEnable = true;
    private boolean isSwipeEnable = true;

    public SimpleItemTouchHelperCallback(OnItemTouchListener adapter) {

        this.adapter = adapter;
    }

    public SimpleItemTouchHelperCallback(OnItemTouchListener adapter, boolean isLongPressEnable,
                                         boolean isSwipeEnable) {
        this.adapter = adapter;
        this.isLongPressEnable = isLongPressEnable;
        this.isSwipeEnable = isSwipeEnable;

    }

    @Override
    public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {

        if (recyclerView.getLayoutManager() instanceof GridLayoutManager) {

            int dragFlag = ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.START | ItemTouchHelper.END;
            int swipeFlag = 0;
            return makeMovementFlags(dragFlag, swipeFlag);

        } else {

            int dragFlag = ItemTouchHelper.UP | ItemTouchHelper.DOWN;
            int swipeFlag = ItemTouchHelper.START | ItemTouchHelper.END;
            return makeMovementFlags(dragFlag, swipeFlag);
        }
    }

    @Override
    public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {

        if (viewHolder.getItemViewType() != target.getItemViewType())
            return false;
        adapter.onItemMove(viewHolder.getAdapterPosition(), target.getAdapterPosition());
        return true;
    }

    @Override
    public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {

        adapter.onSwipeDismiss(viewHolder.getAdapterPosition());
    }

    @Override
    public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder,
                            float dX, float dY, int actionState, boolean isCurrentlyActive) {

        if (actionState == ItemTouchHelper.ACTION_STATE_SWIPE) {

            float alpha = ALPHA - Math.abs(dX) / viewHolder.itemView.getWidth();
            viewHolder.itemView.setAlpha(alpha);
            viewHolder.itemView.setTranslationX(dX);

        } else {

            super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
        }
    }

    @Override
    public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {

        if (actionState == ItemTouchHelper.ACTION_STATE_DRAG
                && viewHolder instanceof ItemTouchViewHolder) {

            ((ItemTouchViewHolder) viewHolder).onItemSelected();
        }

        super.onSelectedChanged(viewHolder, actionState);

    }

    @Override
    public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {

        viewHolder.itemView.setAlpha(ALPHA);
        if (viewHolder instanceof ItemTouchViewHolder) {

            ((ItemTouchViewHolder) viewHolder).onItemClear();
        }
        super.clearView(recyclerView, viewHolder);
    }

    @Override
    public boolean isLongPressDragEnabled() {
        return isLongPressEnable;
    }

    @Override
    public boolean isItemViewSwipeEnabled() {
        return isSwipeEnable;
    }

}

Adapter当中的实现

import android.content.Context;
import android.content.DialogInterface;
import android.support.v4.content.ContextCompat;
import android.support.v4.view.MotionEventCompat;
import android.support.v7.app.AlertDialog;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import com.example.zpf.animmenu.R;

import java.util.ArrayList;
import java.util.Collections;

import listener.listener.ItemTouchViewHolder;
import listener.listener.OnItemTouchListener;
import listener.listener.StartDragListener;

/**
 * 实现RecyclerView的横滑删除、长按item/拖动图标 排序Adapter
 */

public class RvAdapterSwipePress extends RecyclerView.Adapter<RvAdapterSwipePress.SwipePressViewHolder>
        implements OnItemTouchListener {

    private Context mContext;
    private ArrayList<String> strings = new ArrayList<>();
    private StartDragListener dragListener;
    private AlertDialog alertDialog;
    private int positionDelete;

    public RvAdapterSwipePress(Context context) {

        this.mContext = context;
    }

    public ArrayList<String> getStrings() {
        return strings;
    }

    public void setStrings(ArrayList<String> list) {

        if (list != null) {

            this.strings = list;
            notifyDataSetChanged();
        }
    }

    public void setDragListener(StartDragListener dragListener) {

        if (dragListener != null)
            this.dragListener = dragListener;
    }

    @Override
    public SwipePressViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {

        View view = LayoutInflater.from(viewGroup.getContext())
                .inflate(R.layout.item_swipe_press_rv, viewGroup, false);
        return new SwipePressViewHolder(view);
    }

    @Override
    public void onBindViewHolder(final SwipePressViewHolder holder, int position) {

        String url = strings.get(position);
        holder.tvContent.setText(url);

        //拖动图标设置OnTouch接口使其具有和长按item拖动一样的效果
        holder.ivDrag.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {

                if (dragListener != null &&
                        MotionEventCompat.getActionMasked(motionEvent) == MotionEvent.ACTION_DOWN)
                    dragListener.onStartDrag(holder);
                return false;
            }
        });

    }

    @Override
    public int getItemCount() {
        return strings.size();
    }

    @Override
    public boolean onItemMove(int fromPosition, int toPosition) {

        Collections.swap(strings, fromPosition, toPosition);
        notifyItemMoved(fromPosition, toPosition);
        return true;
    }

    @Override
    public void onSwipeDismiss(int position) {

        positionDelete = position;
        //这里进行弹窗询问操作，也可自定义其他的操作方式
        popAlertDialog();
    }

    //这里ViewHolder实现ItemTouchViewHolder接口可以自定义设置item长按状态（onItemSelected（））的显示效果
    //以及item长按释放之后（onItemClear()）的效果重置
    class SwipePressViewHolder extends RecyclerView.ViewHolder implements ItemTouchViewHolder {

        private TextView tvContent;
        private ImageView ivDrag;

        SwipePressViewHolder(View itemView) {
            super(itemView);

            tvContent = (TextView) itemView.findViewById(R.id.tv_swipe_press);
            ivDrag = (ImageView) itemView.findViewById(R.id.iv_drag_swipe_press);
        }

        @Override
        public void onItemSelected() {

            if (tvContent != null)
                tvContent.setTextColor(ContextCompat.getColor(mContext, R.color.colorAccent));
        }

        @Override
        public void onItemClear() {

            if (tvContent != null)
                tvContent.setTextColor(ContextCompat.getColor(mContext, R.color.colorBlack));
        }
    }

    /**
     * 弹出AlertDialog
     */
    private void popAlertDialog() {

        if (alertDialog == null) {

            AlertDialog.Builder builder = new AlertDialog.Builder(mContext);
            alertDialog = builder
                    .setMessage("确定删除？")
                    .setNegativeButton("否", new DialogInterface.OnClickListener() {
                        @Override
                        public void onClick(DialogInterface dialog, int which) {

                            dialog.dismiss();
                        }
                    })
                    .setPositiveButton("是", new DialogInterface.OnClickListener() {
                        @Override
                        public void onClick(DialogInterface dialog, int which) {

                            dialog.dismiss();

                            strings.remove(positionDelete);
                        }
                    })
                    .create();

            alertDialog.setOnDismissListener(new DialogInterface.OnDismissListener() {
                @Override
                public void onDismiss(DialogInterface dialogInterface) {

                    notifyDataSetChanged();
                }
            });

        }

        alertDialog.show();

    }
}

Adapter用到的item布局文件

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:contentPadding="8dp"
    android:layout_marginTop="8dp"
    android:layout_marginBottom="8dp"
    app:cardElevation="2dp"
    app:cardUseCompatPadding="false">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/tv_swipe_press"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignBottom="@+id/iv_drag_swipe_press"
            android:layout_marginEnd="16dp"
            android:layout_marginStart="16dp"
            android:layout_toStartOf="@+id/iv_drag_swipe_press"
            android:gravity="center_vertical"
            android:lineSpacingMultiplier="1.2"
            android:lines="2"
            android:textColor="@color/colorBlack"
            android:textSize="14sp" />

        <ImageView
            android:id="@+id/iv_drag_swipe_press"
            android:layout_width="56dp"
            android:layout_height="56dp"
            android:layout_alignParentEnd="true"
            android:contentDescription="@null"
            android:padding="16dp"
            android:src="@mipmap/ic_open_with_black_24dp"
            android:tint="@color/colorGrayDarkDark" />
    </RelativeLayout>

</android.support.v7.widget.CardView>

Activity当中的使用说明

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.helper.ItemTouchHelper;

import java.util.ArrayList;
import java.util.Arrays;

import adapter.RvAdapterSwipePress;
import listener.listener.SimpleItemTouchHelperCallback;
import listener.listener.StartDragListener;

public class RecyclerSwipeDragActivity extends AppCompatActivity {

    private final String[] urls = new String[] {

            "http://hbimg.b0.upaiyun.com/6293fd60a2597a6017633e3c8e3816d89b70dc2165ad9-jkFvRh_fw658",
            "http://icon.nipic.com/BannerPic/20160426/photo/20160426160807.jpg",
            "http://icon.nipic.com/BannerPic/20160426/photo/20160426160826.jpg",
            "http://icon.nipic.com/BannerPic/20160426/photo/20160426160848.jpg",
            "http://icon.nipic.com/BannerPic/20160426/photo/20160426160908.jpg",
            "http://icon.nipic.com/BannerPic/20160426/photo/20160426160926.jpg",
            "http://pic94.nipic.com/file/20160409/11284670_185122899000_2.jpg",
            "http://pic94.nipic.com/file/20160403/22743169_220209251000_2.jpg",
            "http://pic94.nipic.com/file/20160410/18807750_102028863000_2.jpg",
            "http://pic94.nipic.com/file/20160406/22743169_234848884000_2.jpg",
            "http://pic94.nipic.com/file/20160406/19700831_040444643000_2.jpg",
            "http://pic94.nipic.com/file/20160321/7874840_094355922000_2.jpg",
            "http://pic94.nipic.com/file/20160406/22743169_233812263000_2.jpg",
            "http://pic94.nipic.com/file/20160407/21544848_224025191000_2.jpg"};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_recycler_swipe_drag);

        initView();
    }

    private void initView() {

        RecyclerView rv = (RecyclerView) findViewById(R.id.rv_swipe_press);
        rv.setHasFixedSize(true);
        rv.setLayoutManager(new LinearLayoutManager(this));

        ArrayList<String> strings = new ArrayList<>();
        strings.addAll(Arrays.asList(urls));

        RvAdapterSwipePress adapter = new RvAdapterSwipePress(this);

        rv.setAdapter(adapter);
        adapter.setStrings(strings);

        ItemTouchHelper.Callback callback = new SimpleItemTouchHelperCallback(adapter);
        final ItemTouchHelper helper = new ItemTouchHelper(callback);
        helper.attachToRecyclerView(rv);

        adapter.setDragListener(new StartDragListener() {
            @Override
            public void onStartDrag(RecyclerView.ViewHolder holder) {

                helper.startDrag(holder);
            }
        });
    }
}

Activity布局文件

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.zpf.animmenu.RecyclerSwipeDragActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_swipe_press"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>
所有的代码就这些，想试一下的童鞋可以copy代码进行实验。

That’s all! Thank you!

赵彼得
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
RecyclerView拖动排序
m0_58663436的博客
02-13 364
RecycleView实现拖动item重新排序
Android基础——RecyclerView拖拽排序侧滑删除
_LINXIONG的博客
03-29 1942
额，关于RecyclerView就不过多的解释了，大家应该都比较了解它了，鸿洋博客有很详细的解释，写本篇博客的目的就是，自己在学习的过程中想要实现该功能，想做个笔记哈，所以就有了本篇博客喽~
RecyclerView拖拽排序；
Choi晨的博客
06-01 9907
效果就是这样，RecyclerView列表可拖拽排序，可删除，可添加；RecyclerView给我们提供了一个手势器： ItemTouchHelper helper = new ItemTouchHelper(new ItemTouchHelper.Callback() { @Override public int getMovementFlags(Recycler...
【Android】RecyclerView拖动排序和侧滑删除功能实现
full courage的博客
01-02 2259
ItemTouchHandler 是 Google 提供的一个工具类，主要针对 RecyclerView 的上下左右拖动事件进行处理，可以同时实现拖动排序和侧滑删除功能。 第三方SwipeDelMenuLayout，毫无耦合性，一个Item根布局搞定 item侧滑删除菜单。不依赖任何父布局，不是针对 RecyclerView、ListView，而是任意的 ViewGroup 里的 childView 都可以使用侧滑删除。
实现 RecyclerView 可拖动 item 排序的方法
最新发布
m0_64136170的博客
05-08 512
RecyclerView 是 Android 开发中常用的列表控件，但有时需要对列表项进行拖动排序的功能。这样，ItemTouchHelper 就能够监测到用户的触摸操作，并相应地处理。在上面的代码中，定义了拖动和滑动的方向，并实现了 onMove() 方法来处理拖动操作，以及 onSwiped() 方法来处理滑动操作。接下来，需要编写一个自定义的 ItemTouchHelper.Callback 类，用于处理拖动和滑动操作。注意，这里的adapter是要与需要拖动的recyclerview关联的适配器。
RecyclerView实现拖拽排序功能
听海的博客
06-05 6610
之前讲到了多线程死锁的一些条件，那么要解决死锁就要从条件入手，一般情况下可以按照以下两种方式来解决。 减少或者避免资源共享 一个资源被多个线程共享，若采用了同步机制，则产生的死锁可能性很大，特别是在项目比较庞大的情况下，很难杜绝死锁，对此最好的解决方法就是减少资源共享。 例如一个B/S结构的办公系统可以完全忽略资源共享，这是因为此类系统有三类特征：一是并发访问不会太高
Android RecyclerView实现拖拽排序
m0_60746014的博客
08-10 4342
继承ItemTouchHelper.Callback重写onMove{}方法，处理长按拖拽操作，对位置进行更改
android的RecyclerView实现拖拽排序和侧滑删除示例
08-31
通过以上步骤，你就可以在你的RecyclerView中实现拖拽排序和侧滑删除的功能了。记得在你的UI布局文件中设置好RecyclerView，以及为RecyclerView设置一个自定义的Adapter，以显示和管理列表数据。同时，你可能还需要...
Android recyclerview实现拖拽排序和侧滑删除
08-31
在某些应用场景下，我们可能需要实现列表项的拖拽排序和侧滑删除功能，这在RecyclerView中可以通过集成ItemTouchHelper来轻松实现。 首先，我们需要在`initView()`方法中初始化RecyclerView，并设置其布局管理器...
android RecyclerView实现条目Item拖拽排序与滑动删除
08-31
本文将详细介绍如何在RecyclerView中实现条目Item的拖拽排序和滑动删除功能。 首先，我们需要了解RecyclerView的基本用法。在`activity_main.xml`中，我们创建了一个RecyclerView控件，通过设置其宽度和高度以适应...
Android RecyclerView滑动删除和拖动排序
09-08
【Android RecyclerView滑动删除和拖动排序】 RecyclerView作为Android开发中的重要组件，相较于ListView具有更多的优势，例如自动缓存Item视图（ViewHolder），支持自定义动画和分割线，以及允许对Item进行手势...
recyclerview 拖拽排序
qq_50675668的博客
12-28 115
public class ItemDragCallback extends ItemTouchHelper.Callback { private BleListAdapter mAdapter; private boolean mEdit; public ItemDragCallback(BleListAdapter mAdapter) { this...
Android高级UI开发 RecyclerView高级进阶（七）上下拖动列表条目改变条目顺序与滑动删除条目
gaoxiaoweiandy的专栏
06-18 5373
今天我们讲点儿干货，我们是否有这些需求：（1）允许用户改变一个列表中各条目的顺序，例如用户想把自己喜欢的列表项拖动置顶或按喜好排序，正好RecyclerView可以轻松实现拖动条目改变顺序这个功能；（2）用户也想删除一个条目，如滑动某一个列表项删除条目，类似于QQ列表滑动删除。这些功能在RecyclerView控件上都可以轻松实现，依照惯例我们先来看一下运行效果： 其中切换按钮，是将垂直列表...
RecyclerView使用ItemTouchHelper实现横向滑动删除
济沧海 x 远沧溟
01-19 1555
RecyclerView使用ItemTouchHelper实现横向滑动删除一、目标二、体验地址三、功能设计四、准备工作1. ItemTouchHelper2. SwipeActionHelper五、组合起来1. 定义布局资源2. 创建SwipeActionHelper3. 创建SwipeHolder4. 创建ItemDecoration六、Finally 一、目标 实现删除文件夹收藏功能。 普...
RecyclerView借助ItemTouchHelper实现拖动排序功能
曲幽
10-13 596
想要实现项目的拖动排序功能，listview和gridivew需要复杂的计算坐标值等，recyclerview功能强大，借助itemtouchhelper可以很方便的实现拖动和侧滑等功能，重写onmove方法，数据列表索引错乱需要更新列表排序
android item拖动排序,android RecyclerView实现条目Item拖拽排序与滑动删除
weixin_42525672的博客
05-27 1325
效果演示需求和技术分析RecyclerView Item拖拽排序：：长按RecyclerView的Item或者触摸Item的某个按钮。RecyclerView Item滑动删除：RecyclerView Item滑动删除：RecyclerView的Item滑动删除。实现方案与技术利用ItemTouchHelper绑定RecyclerView、ItemTouchHelper.Callback来实现U...
Android recyclerView items的侧滑删除以及点击事件处理
BoomLei的博客
10-24 2873
最近项目中需要实现银行卡侧滑删除以及选择默认无法删除的效果，需求效果图如下： 其实就是一个自定义的列表实现，这里我用的是recyclerView首先需要自定义DeleteBankRecyclerView继承RecyclerView，需要注意的是item的点击和滑动事件的处理。 代码如下： @Override public boolean onTouchEvent(MotionEvent...
android 拖动删除,Android RecyclerView实现滑动删除
weixin_29168153的博客
05-27 327
本文实例为大家分享了RecyclerView实现滑动删除的具体代码，供大家参考，具体内容如下package com.example.demo;import androidx.annotation.NonNull;import androidx.appcompat.app.AppCompatActivity;import androidx.recyclerview.widget.ItemTouchH...
recyclerview
07-17
Recyclerview是Android开发中一个常用的控件，它是一个高度可定制的容器，可用于展示大量数据列表，例如联系人列表、新闻列表等。...此外，Recyclerview还支持滑动删除、拖动排序、加载更多等高级功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值