Android用RecyclerView實現圖標拖拽排序以及增刪管理

Posted on by

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

以上就是Android用RecyclerView實現圖標拖拽排序以及增刪管理的詳細內容，更多關於Android 實現圖標拖拽排序以及增刪管理的資料請關註WalkonNet其它相關文章！

推薦閱讀：