recycleView 滑动删除Item,拖拽切换Item,你想了解的都在这儿
滑动删除Item,拖拽切换Item,你想了解的都在这儿
概述
如果上两篇对RecyclerView介绍后,依然没有引起你的兴趣,那么下面关于RecyclerView的使用我相信一定会让你如获珍宝。直接看运行效果。
用ListView或者GridView实现上图中的功能非常麻烦,而如果用RecyclerView来实现,则非常简单。
如果对RecyclerView还没有认识的同学,可以查看这两篇文章。
RecyclerView使用一
RecyclerView使用二
ItemTouchHelper&ItemToucheHelper.CallBack
要实现上面的效果,代码很简单,只需要添加以下代码。
mItemTouchHelper = new ItemTouchHelper(mItemTouchCallBack);mItemTouchHelper.attachToRecyclerView(mRecyclerView);
ItemTouchHelper
主要用于对RecyclerView滑动删除和拖拽切换提供支持,它支持所有的类型的布局管理器LayoutManager。它只有一个构造函数,必须传入ItemToucheHelper.CallBack
这个类的实例化对象。
ItemToucheHelper.CallBack
它可以控制用户的哪些行为是可以操控列表的Item的,当用户进行了这些操作,它会收到回调。它有几个重要的回调方法。
mItemTouchCallBack = new ItemTouchHelper.Callback() {/*** 设置滑动类型标记** @param recyclerView* @param viewHolder* @return* 返回一个整数类型的标识,用于判断Item那种移动行为是允许的*/@Overridepublic int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {return makeMovementFlags(0,ItemTouchHelper.START | ItemTouchHelper.END);}/*** Item是否支持长按拖动** @return* true 支持长按操作* false 不支持长按操作*/@Overridepublic boolean isLongPressDragEnabled() {return false;}/*** Item是否支持滑动** @return* true 支持滑动操作* false 不支持滑动操作*/@Overridepublic boolean isItemViewSwipeEnabled() {return true;}/*** 拖拽切换Item的回调** @param recyclerView* @param viewHolder* @param target* @return* 如果Item切换了位置,返回true;反之,返回false*/@Overridepublic boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {return true;}/*** 滑动删除Item** @param viewHolder* @param direction* Item滑动的方向*/@Overridepublic void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {mAdapter.delete(viewHolder.getAdapterPosition());}/*** Item被选中时候回调** @param viewHolder* @param actionState* 当前Item的状态* ItemTouchHelper.ACTION_STATE_IDLE 闲置状态* ItemTouchHelper.ACTION_STATE_SWIPE 滑动中状态* ItemTouchHelper#ACTION_STATE_DRAG 拖拽中状态*/@Overridepublic void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {// item被选中的操作if(actionState != ItemTouchHelper.ACTION_STATE_IDLE) {viewHolder.itemView.setBackgroundResource(R.color.md_gray);}super.onSelectedChanged(viewHolder, actionState);}/*** 移动过程中绘制Item** @param c* @param recyclerView* @param viewHolder* @param dX* X轴移动的距离* @param dY* Y轴移动的距离* @param actionState* 当前Item的状态* @param isCurrentlyActive* 如果当前被用户操作为true,反之为false*/@Overridepublic void onChildDraw(Canvas c, RecyclerView recyclerView,RecyclerView.ViewHolder viewHolder,float dX, float dY, int actionState, boolean isCurrentlyActive) {float x = Math.abs(dX) + 0.5f;float width = viewHolder.itemView.getWidth();float alpha = 1f - x / width;viewHolder.itemView.setAlpha(alpha);super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState,isCurrentlyActive);}/*** 移动过程中绘制Item** @param c* @param recyclerView* @param viewHolder* @param dX* X轴移动的距离* @param dY* Y轴移动的距离* @param actionState* 当前Item的状态* @param isCurrentlyActive* 如果当前被用户操作为true,反之为false*/@Overridepublic void onChildDrawOver(Canvas c, RecyclerView recyclerView,RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState,boolean isCurrentlyActive) {super.onChildDrawOver(c, recyclerView, viewHolder, dX, dY, actionState,isCurrentlyActive);}/*** 用户操作完毕或者动画完毕后会被调用** @param recyclerView* @param viewHolder*/@Overridepublic void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {// 操作完毕后恢复颜色viewHolder.itemView.setBackgroundResource(R.color.md_white);viewHolder.itemView.setAlpha(1.0f);super.clearView(recyclerView, viewHolder);}
};
可以看见,其实用户的行为都被官方提供的v7包给封装了一层,只暴露出几个重要的方法,也就是说滑动删除和拖拽切换主要的操作行为都在ItemToucheHelper.CallBack
中,我们主要关注它就行了。
滑动删除
RecyclerView的具体使用就不再次贴代码了,不清楚的同学可以查看RecyclerView使用这篇文章。看一下滑动删除的ItemToucheHelper.CallBack
的实现。
mItemTouchCallBack = new ItemTouchHelper.Callback() {/*** 设置滑动类型标记,可从两端滑动Item*/@Overridepublic int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {return makeMovementFlags(0,ItemTouchHelper.START | ItemTouchHelper.END);}/*** 设置Item不支持长按拖动*/@Overridepublic boolean isLongPressDragEnabled() {return false;}/*** Item支持滑动*/@Overridepublic boolean isItemViewSwipeEnabled() {return true;}/*** 滑动删除Item的操作*/@Overridepublic void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {mAdapter.delete(viewHolder.getAdapterPosition());}/*** Item被选中时候,改变Item的背景*/@Overridepublic void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {// item被选中的操作if(actionState != ItemTouchHelper.ACTION_STATE_IDLE) {viewHolder.itemView.setBackgroundResource(R.color.md_gray);}super.onSelectedChanged(viewHolder, actionState);}/*** 移动过程中重新绘制Item,随着滑动的距离,设置Item的透明度*/@Overridepublic void onChildDraw(Canvas c, RecyclerView recyclerView,RecyclerView.ViewHolder viewHolder,float dX, float dY, int actionState, boolean isCurrentlyActive) {float x = Math.abs(dX) + 0.5f;float width = viewHolder.itemView.getWidth();float alpha = 1f - x / width;viewHolder.itemView.setAlpha(alpha);super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState,isCurrentlyActive);}/*** 用户操作完毕或者动画完毕后调用,恢复item的背景和透明度*/@Overridepublic void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {// 操作完毕后恢复颜色viewHolder.itemView.setBackgroundResource(R.color.md_white);viewHolder.itemView.setAlpha(1.0f);super.clearView(recyclerView, viewHolder);}
};
在getMovementFlags()
方法中,调用了一个已经有的方法makeMovementFlags(int dragFlags, int swipeFlags)
,它用于创建一个滑动类型标记,有两个参数,第一个参数是拖拽的标记,第二个参数是滑动的标记。在这里我设置不可拖拽Item(传入0),可滑动Item的两端。
isLongPressDragEnabled
返回了false,让Item不会触发长按事件。
isItemViewSwipeEnabled()
返回了true,让Item支持滑动操作。
在onSelectedChanged()
方法中当Item的状态为滑动或者拖拽时候,改变Item背景。
在onChildDraw()
方法中处理了Item滑动操作,首先根据滑动距离改变了Item的透明度,然后调用父类方法,让Item根据手势滑动。
在clearView()
中,恢复了Item的背景和透明度。
在onSwiped()
方法中,调用自定的Adapter中的delete()
方法,将该位置的数据删除,并重新绘制列表。
public void delete(int position) {if(position < 0 || position > getItemCount()) {return;}mData.remove(position);notifyItemRemoved(position);
}
最后实现的效果如下图。
拖拽切换
拖拽切换和滑动删除思路相同,只不过在处理过程有一些不同。网易新闻在添加栏目时候,就有网格的列表,长按之后可以拖拽切换Item,可以参考一下,也做个类似的demo。先看下ItemToucheHelper.CallBack
的实现。
mItemTouchCallBack = new ItemTouchHelper.Callback() {/*** 设置滑动类型标记** @param recyclerView* @param viewHolder* @return* 返回一个整数类型的标识,用于判断Item那种移动行为是允许的*/@Overridepublic int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {return makeMovementFlags(ItemTouchHelper.RIGHT | ItemTouchHelper.LEFT | ItemTouchHelper.DOWN | ItemTouchHelper.UP, 0);}/*** Item是否支持长按拖动** @return* true 支持长按操作* false 不支持长按操作*/@Overridepublic boolean isLongPressDragEnabled() {return true;}/*** Item是否支持滑动** @return* true 支持滑动操作* false 不支持滑动操作*/@Overridepublic boolean isItemViewSwipeEnabled() {return false;}/*** 拖拽切换Item的回调** @param recyclerView* @param viewHolder* @param target* @return* 如果Item切换了位置,返回true;反之,返回false*/@Overridepublic boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {mAdapter.move(viewHolder.getAdapterPosition(), target.getAdapterPosition());return true;}/*** Item被选中时候回调** @param viewHolder* @param actionState* 当前Item的状态* ItemTouchHelper.ACTION_STATE_IDLE 闲置状态* ItemTouchHelper.ACTION_STATE_SWIPE 滑动中状态* ItemTouchHelper#ACTION_STATE_DRAG 拖拽中状态*/@Overridepublic void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {// item被选中的操作if(actionState != ItemTouchHelper.ACTION_STATE_IDLE) {viewHolder.itemView.setBackgroundResource(R.color.md_gray);}super.onSelectedChanged(viewHolder, actionState);}/*** 用户操作完毕或者动画完毕后会被调用** @param recyclerView* @param viewHolder*/@Overridepublic void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {// 操作完毕后恢复颜色viewHolder.itemView.setBackgroundResource(R.drawable.md_common_bg);super.clearView(recyclerView, viewHolder);}
};
getMovementFlags()
中设置可上下左右拖拽Item,但是不能滑动Item。
isLongPressDragEnabled()
设置为true,Item会出发长按事件
isItemViewSwipeEnabled()
设置为false,Item不可滑动
onSelectedChanged()
设置了Item被选中时候的背景
clearView()
恢复了Item的背景
onMove()
调用了自定义的Adapter中的move()
方法,将数据放到新的位置,并且重新绘制列表。
public void move(int fromPosition, int toPosition) {String prev = mData.remove(fromPosition);mData.add(toPosition > fromPosition ? toPosition - 1 : toPosition, prev);notifyItemMoved(fromPosition, toPosition);
}
然后在设置RecyclerView的一些其他属性。
// 实例化ItemTouchHelperm
mItemTouchHelper = new ItemTouchHelper(mItemTouchCallBack);
// 实例化适配器
mAdapter = new MDDragRvAdapter(MDMockData.getRvData());
// 实例化布局管理器,网格样式
mLayoutManager = new GridLayoutManager(this, 4, OrientationHelper.VERTICAL, false);
// 设置适配器
mRecyclerView.setAdapter(mAdapter);
// 设置布局管理器
mRecyclerView.setLayoutManager(mLayoutManager);
// 关联RecyclerView和ItemTouchHelper
mItemTouchHelper.attachToRecyclerView(mRecyclerView);
最后看一下实现的效果。
总结
在熟悉了ItemToucheHelper.CallBack
后,就能根据自己的需求实现各种效果,列表或者网格的都可以满足,使用起来非常简单。关于RecyclerView使用的介绍,也到此为止了。最后附上Demo工程的地址。
Demo工程地址
recycleView 滑动删除Item,拖拽切换Item,你想了解的都在这儿相关推荐
- 滑动删除Item,拖拽切换Item,你想了解的都在这儿
转载注明出处:http://blog.csdn.net/xiaohanluo/article/details/52330537 1. 概述 如果上两篇对RecyclerView介绍后,依然没有引起你的 ...
- RecyclerView实现滑动删除和拖拽功能
源码传送门 前言 从Android 5.0开始,谷歌推出了新的控件RecyclerView,相对于早它之前的ListView,优点多多,功能强大,也给我们的开发着提供了极大的便利,今天自己学习一下Re ...
- 一个可变布局列表,有9种布局item大小,每个item可拖拽切换位置
代码地址如下: http://www.demodashi.com/demo/11271.html 一.准备工作 准备一台安卓设备手机,4.4以上版本 本例子实现,一个可变布局列表,有9种布局item大 ...
- Android 可拖拽的GridView效果实现, 长按可拖拽和item实时交换
本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/17718579) 在Android开发中,我们常常用到ListView ...
- el-upload在表单循环中,实现选择,删除,拖拽,并且和表单数组对上
el-upload在表单循环中,实现选择,删除,拖拽,并且和表单数组对上: 微信: volley369 业务要求,实现以下效果: 业务要求: el-upload肯定不能一个个的写,要用json去循环 ...
- android 拖拽gridview,Android 可拖拽的GridView效果实现, 长按可拖拽和item实时交换
具体的原理描述,可以去看夏神的这个博文 效果图: 这里,采用了gridview的onLongItemClickListener,来拿到长按的view,用于拖动 解决了,原来实现中可能遇到的item消失 ...
- 图片多选上传拖拽切换位置
html文件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...
- android 选择相册拍照图片 仿gridview九宫格 recycleview九宫格图片(可拖拽)
九宫格图片(可拖拽) 自己项目用到的一个功能 实现九宫格显示图片 支持拍照和图库,可以拖拽排序.基本可以直接在项目使用 上图: [下载地址(CSDN竟然不能选择下载0资源积分)] 下载地址(githu ...
- vue 图片添加,删除、拖拽排序
目的:现有一个图片的列表,拖动其中一个图片(触发dragstart),当拖动的图片移动到其他图片的位置(触发dragover),则将拖动的图片从原位置移动到该位置(触发dragend). dragst ...
最新文章
- Python3 reversed 函数
- shell实例第21讲:定时清空文件内容,定时记录文件大小
- mysql中00933错误_ORA-00933: SQL command not properly ended
- Python的字符串
- iOS appstore各种图片的尺寸和需要注意的地方
- linux电脑管理员身份运行,在Ubuntu 20.04 LTS中添加“以管理员身份打开”
- CCNP-EIGRP路由认证(附实验PDF下载)
- 基于Java的网上超市系统
- AppUse学习笔记
- rapidminer Cross Validation(交叉检验)手册
- 关系模式无损分解的测试方法
- 普通路由器DMZ主机设置及访问方法
- C语言:按照样例输出打印一个长方形图形
- Oracle 字典表
- 做过SEO优化的网站与普通站的区别在哪里
- 链表的定义及使用 综合实战:超市购物车
- Linux 命令学习 -重置root密码
- PMP到底是啥,你竟然还不知道?
- 人民币趣味品--收藏新宠
- “争议话题”事件营销成败与否的关键
热门文章
- python书籍_Python 之父宣布加盟微软!包邮送几本 Python 书籍压压惊!
- Java获取相同字符串算法题,数据结构与算法专题——第四题 字符串相似度
- 数字测图原理与方法的实习日志_【技术】消费级无人机倾斜摄影测量1:500测图方法及精度研究...
- sqlanyshere转mysql_【SQL】Oracle和Mysql的分页、重复数据查询(limit、rownum、rowid)
- 控制div的大小自适应_可以漂移的电动轮椅,采用“自适应重心控制系统”,根本不怕翻车...
- 2、计算机图形学——3D变换
- CentOS 8中安装Docker出现和Podman冲突
- MySQL 表中添加 时间戳 字段
- 4种事务特性,5种隔离级别,7种传播行为
- 信号处理函数(2)-sigismember()