android+图标自动排列,Android用RecyclerView实现图标拖拽排序以及增删管理

本文介绍了如何使用RecyclerView在Android中实现图标拖拽排序、添加和删除功能。通过维护两个RecyclerView数据源,一个显示常用应用,一个显示全部应用。利用ItemTouchHelper实现拖拽操作,并在编辑状态下更新数据源。当图标被删除时,将其重新添加到全部应用列表并设置为可添加状态。

1. 效果图

562e48171639a25c6ab6547f22161602.gif

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>()

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 实现图标拖拽排序以及增删管理的资料请关注云海天教程其它相关文章!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值