RecycleView拖动效果

最新推荐文章于 2024-08-27 10:04:06 发布
最新推荐文章于 2024-08-27 10:04:06 发布
阅读量758 收藏 1
点赞数
分类专栏： Android 文章标签： 列表拖动 RecycleView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yufumatou/article/details/118251596
版权

前言：基于RecycleView实现拖动效果，其实很简单，只需使用系统提供的ItemTouchHelper即可满足大部分需求。

实现：

1、创建ItemTouchHelper,在CallBack中处理业务

（1）getMovementFlags()设置允许拖动、滑动的方向

（2）onMove()拖动过程不断调用，用于交换item

（3）onSelectedChanged()长按选中回调，可以用作选中背景高亮

（4）clearView()结束拖动回调，可以用作还原选中背景

2、关联RecycleView，赋予滑动能力

override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val tableList = ArrayList<String>()
        for (i in 1..200) {
            tableList.add("桌（${i}）")
        }
        rv_table.layoutManager = GridLayoutManager(this, 5)
        TableAdapter().let {
            it.mTableList = tableList
            rv_table.adapter = it
        }
        val itemTouchHelper = ItemTouchHelper(object : ItemTouchHelper.Callback() {
            override fun getMovementFlags(
                recyclerView: RecyclerView,
                viewHolder: RecyclerView.ViewHolder
            ): Int {
                //拖动方向
                val dargFlags =
                    ItemTouchHelper.LEFT or ItemTouchHelper.RIGHT or ItemTouchHelper.UP or ItemTouchHelper.DOWN
                //滑动方向
                val swipeFlags = ItemTouchHelper.UP or ItemTouchHelper.DOWN
                //设置拖动、滑动方向
                return makeMovementFlags(dargFlags, swipeFlags)
            }

            override fun onMove(
                recyclerView: RecyclerView,
                viewHolder: RecyclerView.ViewHolder,
                target: RecyclerView.ViewHolder
            ): Boolean {
                //拖动的ViewHolder位置
                val fromPosition = viewHolder.adapterPosition
                //经过的ViewHolder位置
                val toPosition = target.adapterPosition
                when{
                    fromPosition < toPosition -> {//向后拖动,和位置+1进行交换
                        for (i in fromPosition..toPosition) {
                            Collections.swap(tableList, i, i + 1)
                        }
                        recyclerView.adapter?.notifyItemMoved(fromPosition, toPosition)
                    }
                    fromPosition > toPosition -> {//向前拖动,和位置-1进行交换
                        for (i in fromPosition..toPosition) {
                            Collections.swap(tableList, i, i - 1)
                        }
                        recyclerView.adapter?.notifyItemMoved(fromPosition, toPosition)
                    }
                }
                return true
            }

            override fun onSelectedChanged(viewHolder: RecyclerView.ViewHolder?, actionState: Int) {
                super.onSelectedChanged(viewHolder, actionState)
                //长按选中更新要拖动的ViewHolder背景色
                (viewHolder as? TableAdapter.TableViewHolder)?.tvTabe?.setBackgroundResource(R.color.colorPrimary)
            }

            override fun clearView(
                recyclerView: RecyclerView,
                viewHolder: RecyclerView.ViewHolder
            ) {
                super.clearView(recyclerView, viewHolder)
                (viewHolder as TableAdapter.TableViewHolder).tvTabe.setBackgroundResource(R.color.colorAccent)
            }
            override fun onSwiped(viewHolder: RecyclerView.ViewHolder, direction: Int) {}
        })
        //赋予RecycleView拖动能力
        itemTouchHelper.attachToRecyclerView(rv_table)
    }

进阶

场景一：禁止部分item拖动（如第1项禁止拖动）

1、禁用默认的拖动：CallBack中isLongPressDragEnabled()返回false

2、在自定义实现的item长按事件里，对于满足条件的执行拖动操作

override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val tableList = ArrayList<String>()
        for (i in 1..200) {
            tableList.add("桌（${i}）")
        }
        rv_table.layoutManager = GridLayoutManager(this, 5)
        val itemTouchHelper = ItemTouchHelper(object : ItemTouchHelper.Callback() {
            override fun getMovementFlags(
                recyclerView: RecyclerView,
                viewHolder: RecyclerView.ViewHolder
            ): Int {
                //拖动方向
                val dargFlags =
                    ItemTouchHelper.LEFT or ItemTouchHelper.RIGHT or ItemTouchHelper.UP or ItemTouchHelper.DOWN
                //滑动方向
                val swipeFlags = ItemTouchHelper.UP or ItemTouchHelper.DOWN
                //设置拖动、滑动方向
                return makeMovementFlags(dargFlags, swipeFlags)
            }

            override fun onMove(
                recyclerView: RecyclerView,
                viewHolder: RecyclerView.ViewHolder,
                target: RecyclerView.ViewHolder
            ): Boolean {
                //拖动的ViewHolder位置
                val fromPosition = viewHolder.adapterPosition
                //经过的ViewHolder位置
                val toPosition = target.adapterPosition
                when{
                    fromPosition < toPosition -> {//向后拖动,和位置+1进行交换
                        for (i in fromPosition..toPosition) {
                            Collections.swap(tableList, i, i + 1)
                        }
                        recyclerView.adapter?.notifyItemMoved(fromPosition, toPosition)
                    }
                    fromPosition > toPosition -> {//向前拖动,和位置-1进行交换
                        for (i in fromPosition..toPosition) {
                            Collections.swap(tableList, i, i - 1)
                        }
                        recyclerView.adapter?.notifyItemMoved(fromPosition, toPosition)
                    }
                }
                return true
            }

            override fun onSelectedChanged(viewHolder: RecyclerView.ViewHolder?, actionState: Int) {
                super.onSelectedChanged(viewHolder, actionState)
                //长按选中更新要拖动的ViewHolder背景色
                (viewHolder as? TableAdapter.TableViewHolder)?.tvTabe?.setBackgroundResource(R.color.colorPrimary)
            }

            override fun clearView(
                recyclerView: RecyclerView,
                viewHolder: RecyclerView.ViewHolder
            ) {
                super.clearView(recyclerView, viewHolder)
                (viewHolder as TableAdapter.TableViewHolder).tvTabe.setBackgroundResource(R.color.colorAccent)
            }

            override fun isLongPressDragEnabled(): Boolean {
                //禁用默认拖动
                return false
            }
            override fun onSwiped(viewHolder: RecyclerView.ViewHolder, direction: Int) {}
        })
        //赋予RecycleView滑动能力
        itemTouchHelper.attachToRecyclerView(rv_table)
        TableAdapter().let {
            it.mTableList = tableList
            rv_table.adapter = it
            //将拖动职能传递给Adapter
            it.mItemTouchHelper = itemTouchHelper
        }
    }

class TableAdapter : RecyclerView.Adapter<TableAdapter.TableViewHolder>(){
    var mTableList = ArrayList<String>()
    var mItemTouchHelper: ItemTouchHelper? = null

    override fun getItemCount(): Int {
        return mTableList.size
    }

    override fun onBindViewHolder(holder: TableViewHolder, position: Int) {
        val table = mTableList[position]
        holder.tvTabe.text = table
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): TableViewHolder {
        val view = LayoutInflater.from(parent.context).inflate(R.layout.item_table, parent, false)
        return TableViewHolder(view)
    }

    inner class TableViewHolder constructor(view: View): RecyclerView.ViewHolder(view) {
        val tvTabe = view.findViewById<TextView>(R.id.tv_table)

        init {
            tvTabe.setOnLongClickListener {
                if (this.adapterPosition != 0){
                    mItemTouchHelper?.startDrag(this)
                    return@setOnLongClickListener true
                }
                return@setOnLongClickListener false
            }
        }
    }
}

场景二：只需将拖动的item和最终位置item进行交换，途径位置保持不变

1、在onMove()中将经过的位置记录到拖动的ViewHolder中

2、在clearView()中进行位置交换

override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val tableList = ArrayList<String>()
        for (i in 1..200) {
            tableList.add("桌（${i}）")
        }
        rv_table.layoutManager = GridLayoutManager(this, 5)
        val itemTouchHelper = ItemTouchHelper(object : ItemTouchHelper.Callback() {
            override fun getMovementFlags(
                recyclerView: RecyclerView,
                viewHolder: RecyclerView.ViewHolder
            ): Int {
                //拖动方向
                val dargFlags =
                    ItemTouchHelper.LEFT or ItemTouchHelper.RIGHT or ItemTouchHelper.UP or ItemTouchHelper.DOWN
                //滑动方向
                val swipeFlags = ItemTouchHelper.UP or ItemTouchHelper.DOWN
                //设置拖动、滑动方向
                return makeMovementFlags(dargFlags, swipeFlags)
            }

            override fun onMove(
                recyclerView: RecyclerView,
                viewHolder: RecyclerView.ViewHolder,
                target: RecyclerView.ViewHolder
            ): Boolean {
                //经过的ViewHolder位置保存到拖动的ViewHolder中
                val toPosition = target.adapterPosition
                (viewHolder as TableAdapter.TableViewHolder).toPosition = toPosition
                return true
            }

            override fun onSelectedChanged(viewHolder: RecyclerView.ViewHolder?, actionState: Int) {
                super.onSelectedChanged(viewHolder, actionState)
                //长按选中更新要拖动的ViewHolder背景色
                (viewHolder as? TableAdapter.TableViewHolder)?.tvTabe?.setBackgroundResource(R.color.colorPrimary)
            }

            override fun clearView(
                recyclerView: RecyclerView,
                viewHolder: RecyclerView.ViewHolder
            ) {
                super.clearView(recyclerView, viewHolder)
                (viewHolder as TableAdapter.TableViewHolder).tvTabe.setBackgroundResource(R.color.colorAccent)
                //拖动ViewHolder位置
                val fromPosition = viewHolder.adapterPosition
                //终点位置
                val toPosition = viewHolder.toPosition
                if (toPosition >= 0){
                    Collections.swap(tableList, fromPosition, toPosition)
                    recyclerView.adapter?.let{
                        it.notifyItemChanged(fromPosition)
                        it.notifyItemChanged(toPosition)
                    }
                }
            }

            override fun isLongPressDragEnabled(): Boolean {
                //禁用默认拖动
                return false
            }
            override fun onSwiped(viewHolder: RecyclerView.ViewHolder, direction: Int) {}
        })
        //赋予RecycleView滑动能力
        itemTouchHelper.attachToRecyclerView(rv_table)
        TableAdapter().let {
            it.mTableList = tableList
            rv_table.adapter = it
            //将拖动职能传递给Adapter
            it.mItemTouchHelper = itemTouchHelper
        }
    }
class TableAdapter : RecyclerView.Adapter<TableAdapter.TableViewHolder>(){
    var mTableList = ArrayList<String>()
    var mItemTouchHelper: ItemTouchHelper? = null

    override fun getItemCount(): Int {
        return mTableList.size
    }

    override fun onBindViewHolder(holder: TableViewHolder, position: Int) {
        val table = mTableList[position]
        holder.tvTabe.text = table
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): TableViewHolder {
        val view = LayoutInflater.from(parent.context).inflate(R.layout.item_table, parent, false)
        return TableViewHolder(view)
    }

    inner class TableViewHolder constructor(view: View): RecyclerView.ViewHolder(view) {
        val tvTabe = view.findViewById<TextView>(R.id.tv_table)
        var toPosition = -1

        init {
            tvTabe.setOnLongClickListener {
                if (this.adapterPosition != 0){
                    mItemTouchHelper?.startDrag(this)
                    return@setOnLongClickListener true
                }
                return@setOnLongClickListener false
            }
        }
    }
}

RecyclerView实现可拖拽的GridView
04-18
ItemTouchHelper实现： 使用RecyclerView打造可拖拽的GridView
RecyclerView实现拖动效果，并解决里面的坑。
qq_43154806的博客
07-12 2174
RecyclerView实现拖动效果，并解决里面的坑。 先上效果 创建SimpleItemTouchHelper public class SimpleItemTouchHelper extends ItemTouchHelper.Callback { private Activity activity; private OnMoveAndSwipedListener mAdapt...
RecyclerView的拖拽效果
xige1995的博客
10-20 364
//移动拖拽 ItemTouchHelper itemTouchHelper = new ItemTouchHelper(new ItemTouchHelper.Callback() { //同来设置 拖拽移动，或移动删除 @Override public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) { int swiped = ItemTou.
【Android】RecyclerView拖动排序和侧滑删除功能实现
full courage的博客
01-02 3596
ItemTouchHandler 是 Google 提供的一个工具类，主要针对 RecyclerView 的上下左右拖动事件进行处理，可以同时实现拖动排序和侧滑删除功能。 第三方SwipeDelMenuLayout，毫无耦合性，一个Item根布局搞定 item侧滑删除菜单。不依赖任何父布局，不是针对 RecyclerView、ListView，而是任意的 ViewGroup 里的 childView 都可以使用侧滑删除。
recyclerview 实现拖拽功能
最新发布
qq_34475640的博客
08-27 1005
recyclerview借助原生提供的ItemTouchHelpter类来实现拖拽功能
RecycleView实现内部拖拽排序和两个RecycleView拖拽对调条目的Demo
04-22
本Demo主要演示了如何在`RecycleView`中实现内部条目的拖拽排序以及两个`RecycleView`之间条目的互换功能，这对于创建动态且交互性强的用户界面非常有用。 1. **RecycleView基本概念**： `RecycleView`的核心思想...
Recycleview拖动
04-04
- **自定义拖影效果**：`DragShadowBuilder`允许我们定制拖动时的阴影效果，例如大小、颜色和透明度。 - **处理拖放过程**：在`OnItemTouchHelper.Callback`中，我们需要重写`onMove()`方法来处理拖动item移动到新...
Android使用RecycleView实现拖拽交换item位置
01-20
在Android开发中，RecycleView是一个非常重要的组件，它用于高效地展示大量数据列表，而ListView虽然曾经广泛使用，但在处理复杂...在实际开发中，还可以根据项目需求对拖拽效果、动画等进行定制，提升应用的用户体验。
Android之RecycleView实现指定范围的拖动效果
08-18
Android之RecycleView实现指定范围的拖动效果 Android之RecycleView实现指定范围的拖动效果是Android开发中的一种常见需求。本文将详细介绍如何通过RecycleView实现指定范围的拖动效果，包括实现原理、关键代码和...
RecycleView拖动
03-17
`RecycleView` 的拖动功能使得用户可以通过手势直观地重新排列列表中的项目，提高了用户体验。下面我们将深入探讨 `RecycleView` 拖动的相关知识点，并结合 `DynamicTab-master` 示例项目进行解析。 ### 1. ...
Android-recyclerview的拖动交换位置和删除的效果
08-13
recyclerview的拖动交换位置和删除的效果
多个RecycleView的item拖动
11-08
1.多个RecycleView的item拖拽, 2.添加RecycleView头部布局和脚布局 3.上拉刷新,下拉加载
recyclerview的item拖动排序
04-09
recyclerview的item拖动排序，item里面控件触摸进行拖动排序
RecyclerView进阶使用-实现仿支付宝菜单编辑页面拖拽功能
11-06
RecyclerView进阶使用-实现仿支付宝菜单编辑页面拖拽功能,详细的说明在http://blog.youkuaiyun.com/cjs1534717040/article/details/78459821，有积分的给个积分，没积分的给我发邮件，发帖不易，谢谢支持 没积分的，可以看这个免费链接，代码更新过: https://download.youkuaiyun.com/download/cjs1534717040/12641844
Recyclerview中可以任意拖拽item的demo
11-09
通过自定义ItemTouchHelper，实现recyclerview的item可以任意方向拖拽，注释超全，可供学习使用
RecycleView动画效果和拖拽效果
jeekmary的博客
07-21 1717
RecycleView功能强大，很简单的几个步骤就能满足我们的开发需求，首先来三个效果 上图是动画，相当于加载数据的时候一个简单的动画效果 上图是拖拽,能够选择一行进行上下拖拽和任意一行进行交换 上图是删除，对不用的选项可以进行删除 下面对以上的效果一一进行讲解 首先是动画效果 创建动画的xml文件item_animation_fall...
RecyclerView宫格拖拽效果实现
chuyouyinghe的专栏
04-16 349
本篇到这里就结束了，我们利用RecyclerView实现了宫格图片的拖拽效果，主要是借助ItemTouchHelper实现，从ItemTouchHelper中我们能看到很多巧妙的的设计，里面有很多值得我们学习的技巧，特别是对事件的处理、绘制顺序调整的方式，如果做吸顶，未尝不是一种方案。作者：时光少年链接：https://juejin.cn/post/7348707728921853971来源：稀土掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
RecyclerView拖动动画
文韬武略的专栏
05-05 642
最近有个需求，当横向RecyclerView滑动到底部，不能滑动后，此时在拖动RecyclerView，需要显示底部一个动画效果，如图： 然后很自然的去自定义RecyclerView。 最后发现在拖动RecyclerView时，需要拖动一段距离后才能显示我的自定义布局，感觉半天拖动不出来底部布局，很卡点样子。而这个起始的拖动距离差一直是25，而我打印了系统最小滚动距离ViewConfigu...
Android：RecyclerView自由拖动item
侠亦狐的博客
01-22 1324
使用原生自带的ItemTouchHelper工具实现
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值