Android 实现图标拖拽排序以及增删管理 Android用RecyclerView实现图标拖拽排序以及增删管理

Joehaivo飞羽 2021-03-17 我要评论

想了解Android用RecyclerView实现图标拖拽排序以及增删管理的相关内容吗，Joehaivo飞羽在本文为您仔细讲解Android 实现图标拖拽排序以及增删管理的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：Android,RecyclerView,Android,图标拖拽排序,Android,图标增删管理，下面大家一起来学习吧。

1. 效果图

2. 基本的功能

在非编辑状态下可以直接点击图标进行跳转
在编辑状态可以拖拽、添加、删除操作
已被添加过的不能再次添加

3. 实现的思路

用两个RecyclerView实现，同时维护两个数据源，上部是常用应用，最多可以放8个；下部是全部应用。

1. 每个应用图标的状态用枚举Option表示

// 当前的操作状态
enum class Option {
 ADD, REMOVE, NONE
}

2. 在处于编辑状态时创建ItemTouchHelper对象并attch到RecyclerView上

if (enable) {
 itemTouchHelper.attachToRecyclerView(binding.rvApps)
}

其中，在实现ItemTouchHelper.Callback接口的onMove() 函数中，此时表示用户已经抬手，而图标位置已经发生了变动，此时将界面上图标的顺序同步回Adapter的数据源中:

val newData = mutableListOf<Pair<String, Int>>()
commonAppsAdapter.data.forEachIndexed { index, _ ->
 val holder = recyclerView.findViewHolderForAdapterPosition(index) as AppsHolder
 newData.add(Pair(holder.funcUrl, index))
}
for (i in newData) {
  val sameFuncIndex = commonAppsAdapter.data.indexOfFirst { i.first == it.uid }
  Collections.swap(commonAppsAdapter.data, i.second, sameFuncIndex)
}

3. 当应用图标从上部被删除时，需要将其添加到下部，并将其重新设为可添加状态

commonAppsAdapter.onRemoveBtnClickListener = object : OnRemoveBtnClickListener {
 override fun onClick(view: View, appBean: AppBean) {
  val theSameElementIndex = allAppsAdapter.data.indexOfFirst { it.uid == appBean.uid }
  if (theSameElementIndex < 0) return
  allAppsAdapter.data[theSameElementIndex].option = AppBean.Companion.Option.ADD
  allAppsAdapter.notifyItemChanged(theSameElementIndex)
 }
}

源码请前往Github