RecyclerView拖拽排序和滑动删除实现

效果图

如何实现

那么是如何实现的呢?主要就要使用到ItemTouchHelper ,ItemTouchHelper 一个帮助开发人员处理拖拽和滑动删除的实现类,它能够让你非常容易实现侧滑删除、拖拽的功能。

实现的代码非常简单我们只需要两步:

实例化一个ItemTouchHelper
关联到RecyclerView

恩,就是这么简单。

构造方法中需要一个ItemTouchHelper.Callback,ItemTouchHelper会在拖拽的时候回调Callback中相应的方法,我们只需在Callback中实现自己的逻辑就可以了。

自定义一个类继承实现ItemTouchHelper.Callback接口,需要实现以下方法:

getMovementFlags用于设置是否处理拖拽事件和滑动事件,以及拖拽和滑动操作的方向,有以下两种情况:

如果是列表类型的RecyclerView,拖拽只有UP、DOWN两个方向
如果是网格类型的则有UP、DOWN、LEFT、RIGHT四个方向

该方法需要编写的代码如下:

dragFlags 是拖拽标志,swipeFlags是滑动标志,我们把swipeFlags 都设置为0,暂时不考虑滑动相关操作。

如果我们设置了相关的dragFlags ,那么当我们长按item的时候就会进入拖拽并在拖拽过程中不断回调onMove()方法,我们就在这个方法里获取当前拖拽的item和已经被拖拽到所处位置的item的ViewHolder,有了这2个ViewHolder,我们就可以交换他们的数据集并调用Adapter的notifyItemMoved方法来刷新item。

这里的mDatas其实就是Adapter对应的数据集,我们在改变Item位置的同时当然不能忘了数据集需要同步的改变。

到这里,已经可以拖拽了,基本的效果如下:

是不是很神奇,这么复杂的特效,竟然写了几行代码就搞定了~

但是拖拽的时候我们拖拽的对象不能高亮显示,这是不友好的,我们希望拖拽的Item在拖拽的过程中背景颜色加深,这样就需要继续重写下面两个方法:

我们在开始拖拽的时候给item添加一个背景色,然后在拖拽完成的时候还原:

OK,这样就完成了Item的拖拽排序,简单看下现在的效果:

更加复杂的需求

上面的代码完成了基本功能,但实际的产品需要往往可能会有些不一样,比如说,产品希望,有一些item可以拖拽,一些item无法拖拽,就如上图的“更多”是无法拖拽的。这个咋办呢?

其实在上面我们实现的Callback类中有一个方法我们没有重写:

这个方法是为了告诉ItemTouchHelper是否需要RecyclerView支持长按拖拽,默认返回是ture(即支持),理所当然我们要支持,所以我们没有重写,因为默认true。但是这样做是默认全部的item都可以拖拽,怎么实现部分item拖拽呢,查阅isLongPressDragEnabled方法的源码发现,上面的注释上写着:

Default value returns true but you may want to disable this if you want to 
start dragging on a custom view touch using 
{@link #startDrag(ViewHolder)}.

意思是如果你想自定义触摸view,那么就使用startDrag(ViewHolder)方法。

原来如此,我们可以在item的长按事件中得到当前item的ViewHolder ,然后调用ItemTouchHelper.startDrag(ViewHolder vh)就可以实现拖拽了,那就这么办:

首先我们重写isLongPressDragEnabled返回false,我们要自己调用拖拽过程:

接着我们给RecyclerView添加item长按事件,判断item是否是最后一个(最后一个是“更多”),不是则开始拖拽。

但是,我们都知道RecyclerView并没有提供OnItemLongClickListener,这个问题我们已经在上一篇推送的文章中给出了解决方案,就是使用OnItemTouchListener,然后识别触摸手势,这里给上传送门:RecyclerView添加ItemClickListener的方案,我就直接使用上一篇的成果,不重复讲了(这里你可以使用直接的OnItemClickListener的方案):

额外的功能

保存位置

关闭页面以后再打开,又恢复到了初始化的位置,所以就需要保存调整的位置到本地,下次初始化的时候读取位置。

保存位置应该由开发者自己实现,因为每个人本地化数据的方式都不一样,我这里做一个简单的实现,使用了开源的ACache类,两个方法,搞定:

在clearView方法(拖拽完成)中调用存储方法,在页面初始化数据是调用读取方法,具体代码文后会给出下载链接。

开始拖拽时震动

支付宝的拖拽网格在长按后开始拖拽时会有一次短时间的震动提示用户开始拖拽了,很友好的交互,我们也加一个:

添加权限:

<uses-permission android:name="android.permission.VIBRATE" />

在开始拖拽时添加下面代码:

滑动删除

我看到接口里面还有个onSwipe方法,没有使用,没错,这个可用于滑动删除。

仅仅需要几行代码实现滑动删除:

恩,就这样就行了?

还不行,还有标志位没设置

我们针对非表格式的布局设置了swipeFlags为STRAT和END,那么LinearLayoutManager肯定是支持的,看下效果

fragment中的onCreateView和onViewCreated的区别和联系

onViewCreated在onCreateView执行完后立即执行。
onCreateView返回的就是fragment要显示的view。

参考链接

fragment中的onCreateView和onViewCreated的区别和联系_百度知道

源代码

http://download.csdn.net/detail/liaoinstan/9494601

原文链接

使用ItemTouchHelper轻松实现RecyclerView拖拽排序和滑动删除

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/494109.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

马斯克刚刚宣布辞去特斯拉董事会职务,仍然担任CEO

来源&#xff1a;大数据文摘编译&#xff1a;蒋宝尚据悉&#xff0c;当地时间周六&#xff0c;马斯克辞去特斯拉董事会主席一职&#xff0c;并且支付2000万美元罚款。以表示对美国证券交易委员会(SEC)指控的回应。SEC的指控来源于马斯克8月7日的一篇推文。推文中&#xff0c;他…

JavaScript 实现 GriwView 单列全选

在 GridView 里有一系列的 Checkbox &#xff0c;要实现对其全选或全不选。开始在网上找了&#xff0c;但是参考的代码会全选 GridView 里所有的 Checkbox &#xff0c;而我要的是单列全选。如图&#xff1a; 审核和权限是要分开的。 我自己写了 JavaScript 代码&#xff0c;贴…

自然语言处理(NLP)前沿进展报告

来源&#xff1a;专知摘要&#xff1a;2018年9 月 9 日-14 日&#xff0c;DeepMind主办的Deep Learning Indaba 2018 大会在南非斯泰伦博斯举行。会上&#xff0c;斯坦陵布什大学Herman Kamper和AYLIEN的Sebastian Ruder等专家做了《自然语言处理前言进展》的报告。报告首先探讨…

Android下利用Bitmap切割图片

在自己自定义的一个组件中由于需要用图片显示数字编号&#xff0c;而当前图片就只有一张&#xff0c;上面有0-9是个数字&#xff0c;于是不得不考虑将其中一个个的数字切割下来&#xff0c;需要显示什么数字&#xff0c;只需要组合一下就好了。 下面是程序的关键代码&#xff…

两种不同的人工智能观:工程观点和科学观点

来源&#xff1a;人机与认知实验室作者按&#xff1a;人工智能是作为工程还是科学&#xff0c;这个问题是一个很严肃的问题&#xff0c;如果从工程技术角度来看人工智能&#xff0c;那么认知科学尤其是认知心理学、神经生理学对人类这样的生物智能的原理性认识&#xff0c;就不…

BaseActivity与BaseFragment的封装

这篇博客主要是从BaseActivity与BaseFragment的封装开始&#xff0c;总结我们在实战开发中关于Fragment的注意事项以及心得体会。 先看以下效果图&#xff1a; 这里模拟的是用户登录模块&#xff0c;你可能会说&#xff0c;很普通的效果嘛&#xff0c;这有啥。嘿嘿&#xff0c…

学界 | 史上最强GAN图像生成器,Inception分数提高两倍

来源&#xff1a;Openreview,机器之心摘要&#xff1a;ICLR 2019 大会即将在明年 5 月 6 日于美国举行&#xff0c;9 月 27 日论文提交截止时间已过。本次大会共接收到了 1591 篇论文的投稿&#xff0c;数量相较今年的 1000 篇提升了近 60%。在双盲评审时&#xff0c;人们可以在…

一图理解腾讯本次组织结构重大变革的方向和目的

作者&#xff1a;刘锋 互联网进化论作者 计算机博士2018年9月30日&#xff0c;腾讯宣布公司架构调整&#xff0c;在原有七个事业群的基础上进行重组整合&#xff0c;形成新的6个事业群&#xff0c;在本次调整中&#xff0c;腾讯新成立了云与智慧产业事业群&#xff08;CSIG&…

Android实现边缘凹凸的View

转载 最近做项目的时候遇到一个卡劵的效果&#xff0c;由于自己觉得用图片来做的话可以会出现适配效果不好&#xff0c;再加上自己自定义view方面的知识比较薄弱&#xff0c;所以想试试用自定义View来实现。但是由于自己知识点薄弱&#xff0c;一开始居然想着用画矩形来设置边…

【报告解读】126个国家、29个行业、36位高管认为AI的未来这么走

来源&#xff1a;网易智能人工智能&#xff08;AI&#xff09;已经使早期采用它的制造商能够更好地协调分析、商业智能(BI)、移动性和实时监控&#xff0c;以实现更快的营收增长&#xff0c;并比同行更快地成长壮大。如今&#xff0c;最顶级的18%的AI采用者将超过70%的精力投入…

自定义view实现水波纹效果

水波纹效果&#xff1a; 1.标准正余弦水波纹&#xff1b; 2.非标准圆形液柱水波纹&#xff1b; 虽说都是水波纹&#xff0c;但两者在实现上差异是比较大的&#xff0c;一个通过正余弦函数模拟水波纹效果&#xff0c;另外一个会运用到图像的混合模式&#xff08;PorterDuffXf…

“人机耦合”变成“人机大战” AI同传离成熟还有多远

来源&#xff1a;科学网9月21日&#xff0c;一篇指责科大讯飞“AI同传造假”的文章引发了社会广泛关注&#xff0c;文中知乎用户、同传译员Bell Wang表示&#xff0c;在日前举行的2018创新与新兴产业发展国际会议上&#xff0c;科大讯飞在现场和直播中展示的“AI同传”&#xf…

高中分类讨论题1

转载于:https://www.cnblogs.com/zjyyhs/archive/2013/05/23/3094220.html

Android拼图游戏

效果如下 游戏的设计 首先我们分析下如何设计这款游戏&#xff1a; 1、我们需要一个容器&#xff0c;可以放这些图片的块块&#xff0c;为了方便&#xff0c;我们准备使用RelativeLayout配合addRule实现 2、每个图片的块块&#xff0c;我们准备使用ImageView 3、点击交换&a…

亚马逊:从零售商向科技公司的质变

报告来源&#xff1a;国泰君安&#xff08;訾猛&#xff09;亚马逊以技术为核心驱动力&#xff0c;实现从电商向科技公司的跨越&#xff0c;形成电商、物流、AWS、新零售协同发展的完整生态圈。亚马逊从1995年开始为用户提供线上商品&#xff0c;从一家网上书店发展成全品类电商…

使用HTML5的Canvas画布来剪裁用户头像

日期&#xff1a;2013-5-23 来源&#xff1a;GBin1.com 本文来自极客标签社区用户webgeek的一个在线HTML5web开发小技巧&#xff0c;帮助你使用html5的画布功能来切割用户上传的大头照。 在线调试 例如需要剪裁的图片如下&#xff1a; 用来处理大头照的JS代码如下&#xff1a;…

Android之Tab类总结

本文主要包括以下Tab类实现方式 FragmentTabHostFragment实现传统的ViewPager实现 FragmentManagerFragment实现ViewPagerFragmentPagerAdapter实现TabPageIndicatorViewPagerFragmentPagerAdapter FragmentTabHostFragment实现 布局文件 <?xml version"1.0"…

美日两位科学家获2018年度诺贝尔生理或医学奖

来源&#xff1a;科学网当地时间10月1日上午11时30分&#xff08;北京时间10月1日下午5时30分&#xff09;2018年度诺贝尔生理或医学奖获得者揭晓。今年该奖项的获得者分别是美国得州大学奥斯汀分校免疫学家詹姆斯艾利森&#xff08;James P. Allision&#xff09;和日本京都大…

Rejection sampling - 直观解释

如图&#xff0c;红线是我们想要从中采样的概率分布$f(x)$。 拿一个盒子把这个概率分布罩起来&#xff0c;假设盒子的上边缘是$p(x)$。随机地向盒子里撒点&#xff0c;即盒子里的均匀分布。位于$f(x)$下方点的横坐标&#xff0c;即是来自于$f(x)$的一组样本。从算法的角度讲&am…

Android之记住密码与自动登陆实现

本文主要讲述了利用sharedpreference实现记住密码与自动登陆功能 根据checkbox的状态存储用户名与密码将结果保存在自定义的application中&#xff0c;成为全局变量 布局文件 <?xml version"1.0" encoding"utf-8"?> <ScrollView xmlns:andro…