返回顶部
首页 > 资讯 > 精选 >怎么在Android中使用RecyclerView实现一个图标拖拽排序功能
  • 554
分享到

怎么在Android中使用RecyclerView实现一个图标拖拽排序功能

2023-06-14 06:06:34 554人浏览 薄情痞子
摘要

这期内容当中小编将会给大家带来有关怎么在Android中使用RecyclerView实现一个图标拖拽排序功能,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。实现的思路用两个RecyclerView实现,同时

这期内容当中小编将会给大家带来有关怎么在Android中使用RecyclerView实现一个图标拖拽排序功能,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

实现的思路

用两个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) }}

上述就是小编为大家分享的怎么在Android中使用RecyclerView实现一个图标拖拽排序功能了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注编程网精选频道。

--结束END--

本文标题: 怎么在Android中使用RecyclerView实现一个图标拖拽排序功能

本文链接: https://lsjlt.com/news/268353.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 怎么在Android中使用RecyclerView实现一个图标拖拽排序功能
    这期内容当中小编将会给大家带来有关怎么在Android中使用RecyclerView实现一个图标拖拽排序功能,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。实现的思路用两个RecyclerView实现,同时...
    99+
    2023-06-14
  • Android用RecyclerView实现图标拖拽排序以及增删管理
    目录1. 效果图2. 基本的功能 3. 实现的思路 1. 每个应用图标的状态用枚举Option表示2. 在处于编辑状态时创建ItemTouchHelper对象并attch到Recyc...
    99+
    2024-04-02
  • 怎么在Html5中实现一个react拖拽排序组件
    今天就跟大家聊聊有关怎么在Html5中实现一个react拖拽排序组件,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。第一步是先了解H5拖放的相关属性,MDN上有详细的说明,链接为htt...
    99+
    2023-06-09
  • 怎么在android应用中利用view实现一个拖拽删除功能
    这期内容当中小编将会给大家带来有关怎么在android应用中利用view实现一个拖拽删除功能,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。功能有以下几个特点:在开始的时候点击圆以外的区域不会触发拖动事件点...
    99+
    2023-05-31
    android roi view
  • 使用微信小程序实现拖拽排序功能
    使用微信小程序实现拖拽排序功能 示例代码刚开始学习微信小程序时,我一直以为实现拖拽排序功能是很困难的事情。然而,通过深入研究官方文档和尝试不同的方法,我终于成功地实现了这一功能。在本篇文章中,我将分享实现拖拽排序功能的具体代码示例。首先,在...
    99+
    2023-11-21
    微信小程序 功能实现 拖拽排序
  • 如何在android中利用RecyclerView实现Item的拖拽排序与滑动删除
    如何在android中利用RecyclerView实现Item的拖拽排序与滑动删除?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。需求和技术分析RecyclerV...
    99+
    2023-05-31
    recyclerview android recycle
  • 如何在Android应用中实现一个红点拖拽删除功能
    如何在Android应用中实现一个红点拖拽删除功能?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。CircleImageView核心代码private void ...
    99+
    2023-05-31
    android roi
  • vue使用vuedraggable实现嵌套多层拖拽排序功能
    本文实例为大家分享了vuedraggable实现嵌套多层拖拽排序功能的具体代码,供大家参考,具体内容如下 vue中实现嵌套多层拖拽功能。官网入口: 实现效果:(拖动左侧调整一级的顺序...
    99+
    2024-04-02
  • 使用ajax怎么实现一个拖拽上传文件功能
    本篇文章给大家分享的是有关使用ajax怎么实现一个拖拽上传文件功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。<!DOCTYPE html><ht...
    99+
    2023-06-08
  • 怎么使用Vue3实现一个飘逸元素拖拽功能
    这篇文章主要介绍了怎么使用Vue3实现一个飘逸元素拖拽功能的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么使用Vue3实现一个飘逸元素拖拽功能文章都会有所收获,下面我们一起来看看吧。进入正题元素拖拽是一个比较...
    99+
    2023-07-06
  • 使用微信小程序实现图片拖拽功能
    使用微信小程序实现图片拖拽功能引言:随着微信小程序的流行,更多的开发者开始探索小程序的各种功能和特性。其中,实现图片拖拽功能是一项常见的需求。本文将介绍如何使用微信小程序的API和组件,实现图片拖拽的效果,并提供具体的代码示例。一、设计思路...
    99+
    2023-11-21
    图片 微信小程序 拖拽
  • 怎么使用element+vuedraggable实现图片上传拖拽排序
    这篇文章主要介绍了怎么使用element+vuedraggable实现图片上传拖拽排序的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么使用element+vuedraggable实现图片上传拖拽排序文章都会有...
    99+
    2023-06-29
  • 怎么在HTML5中利用拖拽功能实现拼图游戏
    本篇文章为大家展示了怎么在HTML5中利用拖拽功能实现拼图游戏,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。<!--代码如下,最下面给出了我测试用的9张250*250的图片切片-->&l...
    99+
    2023-06-09
  • 怎么在Java中利用dropzone.js实现一个文件拖拽上传功能
    本篇文章为大家展示了怎么在Java中利用dropzone.js实现一个文件拖拽上传功能,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。jsp页面: 首先必须引入dropzone的js和css文件<...
    99+
    2023-05-31
    java dropzone.js ava
  • react项目中使用react-dnd实现列表的拖拽排序功能
    目录1.先安装依赖2.创建一个 index.js 文件3.新建example.js文件4.新建TopicLis.js文件5.新建 ItemTypes.js现在有一个新需求就是需要对一...
    99+
    2023-02-06
    react-dnd列表的拖拽排序 react-dnd拖拽排序 react拖拽排序
  • vue3怎么使用vuedraggable实现拖拽功能
    这篇文章主要介绍了vue3怎么使用vuedraggable实现拖拽功能的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue3怎么使用vuedraggable实现拖拽功能文章都会有所收获,下面我们一起来看看吧。n...
    99+
    2023-06-29
  • 怎么在Android中利用RecyclerView实现一个频道管理功能
    本篇文章给大家分享的是有关怎么在Android中利用RecyclerView实现一个频道管理功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。需要在build里添加依赖 com...
    99+
    2023-05-31
    recyclerview android recycle
  • 怎么在Android中利用RecyclerView实现一个快速滚动功能
    本篇文章给大家分享的是有关怎么在Android中利用RecyclerView实现一个快速滚动功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。首先,在 build.gradle...
    99+
    2023-05-30
    recyclerview android
  • Android中怎么实现条目拖拽删除功能
    本篇文章给大家分享的是有关Android中怎么实现条目拖拽删除功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。第一步效果图0自定义控件 SwipeLayout 继承Frame...
    99+
    2023-05-30
    android
  • 怎么在Android 中利用RecyclerView实现一个通用适配器功能
    怎么在Android 中利用RecyclerView实现一个通用适配器功能?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。实现代码:RViewHolderimport ...
    99+
    2023-05-31
    android recyclerview recycle
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作