以下是RecyclerView结合ItemTouchHelper实现的列表和网格布局的拖拽效果。

效果图例如以下:(gif图有点顿卡,事实上执行是非常流畅的)

demo下载地址:

DragRecyclerView

怎样实现

那么是怎样实现的呢?主要就要使用到ItemTouchHelper ,ItemTouchHelper 是support-v7包中加入的一个帮助开发人员处理拖拽和滑动的实现类,它能够让你非常easy实现側滑删除、拖拽的功能。

我们仅仅须要实例化一个ItemTouchHelper。然后关联到RecyclerView就OK了:

itemTouchHelper = new ItemTouchHelper(new ItemTouchHelper.Callback());
itemTouchHelper.attachToRecyclerView(recyclerView);

构造方法中须要一个ItemTouchHelper.Callback。ItemTouchHelper会在拖拽或剔除的时候回调Callback中对应的方法,我们仅仅需在Callback中实现自己的逻辑就能够了。

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

     @Override
public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
} @Override
public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
} @Override
public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
}

getMovementFlags用于设置是否处理拖拽事件和滑动事件。以及拖拽和滑动操作的方向,比方假设是列表类型的RecyclerView,拖拽仅仅有UP、DOWN两个方向,而假设是网格类型的则有UP、DOWN、LEFT、RIGHT四个方向:

    @Override
public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
if (recyclerView.getLayoutManager() instanceof GridLayoutManager) {
final int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;
final int swipeFlags = 0;
} else {
final int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;
final int swipeFlags = 0;
}
return makeMovementFlags(dragFlags, swipeFlags);
}

dragFlags 是拖拽标志,swipeFlags是滑动标志,我们把swipeFlags 都设置为0,表示不处理滑动操作。

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

@Override
public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
int fromPosition = viewHolder.getAdapterPosition();//得到拖动ViewHolder的position
int toPosition = target.getAdapterPosition();//得到目标ViewHolder的position
if (fromPosition < toPosition) {
for (int i = fromPosition; i < toPosition; i++) {
Collections.swap(results, i, i + 1);
}
} else {
for (int i = fromPosition; i > toPosition; i--) {
Collections.swap(results, i, i - 1);
}
}
adapter.notifyItemMoved(fromPosition, toPosition);
return true;
}

同理假设我们设置了非0的swipeFlags。我们在滑动item的时候就会回调onSwiped的方法,我们不处理这个事件,空着即可了。

到这里。已经能够拖拽了。可是拖拽的时候我们拖拽的对象不能高亮显示。这是不友好的。我们希望拖拽的Item在拖拽的过程中背景颜色加深,这样就须要继续重写以下两个方法:

    //当长按选中item的时候(拖拽開始的时候)调用
@Override
public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
} //当手指松开的时候(拖拽完毕的时候)调用
@Override
public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
}

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

    @Override
public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
if (actionState != ItemTouchHelper.ACTION_STATE_IDLE) {
viewHolder.itemView.setBackgroundColor(Color.LTGRAY);
}
super.onSelectedChanged(viewHolder, actionState);
} @Override
public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
super.clearView(recyclerView, viewHolder);
viewHolder.itemView.setBackgroundColor(0);
}

OK,这样就完毕了一个可拖拽的GridView。

更加复杂的需求

上面的代码完毕了基本功能,但实际的产品须要往往可能会有些不一样,比方说,产品希望,有一些item能够拖拽。一些item无法拖拽,就如上图的“很多其它”是无法拖拽的。

这个咋办呢?

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

    @Override
public boolean isLongPressDragEnabled() {
return true;
}

这种方法是为了告诉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,我们要自己调用拖拽过程:

    @Override
public boolean isLongPressDragEnabled() {
return false;
}

接着我们给RecyclerView加入item长按事件。推断item是否是最后一个(最后一个是“很多其它”),不是则開始拖拽。

可是,我们都知道RecyclerView并没有提供OnItemLongClickListener。这个问题我在上一篇博客中已经完美地攻克了,就是使用OnItemTouchListener。然后识别触摸手势,这里给上传送门:RecyclerView无法加入onItemClickListener最佳的高效解决方式,后面我就直接使用上一篇的成果。不反复讲了:

recyclerView.addOnItemTouchListener(new OnRecyclerItemClickListener(recyclerView) {
//item 长点击事件
@Override
public void onLongClick(RecyclerView.ViewHolder vh) {
//假设item不是最后一个,则执行拖拽
if (vh.getLayoutPosition()!=results.size()-1) {
itemTouchHelper.startDrag(vh);
}
}
//item 点击事件
@Override
public void onItemClick(RecyclerView.ViewHolder vh) {
}
});

OK,大功告成。

额外的功能

保存位置

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

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

//读取
ACache.get(context).getAsObject("items");
//存储
ACache.get(context).put("items",results);

在clearView方法(拖拽完毕)中调用存储方法,在页面初始化数据是调用读取方法。

详见demo

開始拖拽时震动

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

加入权限:

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

在開始拖拽时加入以下代码:

//获取系统震动服务
Vibrator vib = (Vibrator) activity.getSystemService(Service.VIBRATOR_SERVICE);
//震动70毫秒
vib.vibrate(70);

详见demo,demo下载地址:

DragRecyclerView

android开发游记:ItemTouchHelper 使用RecyclerView打造可拖拽的GridView的更多相关文章

  1. Android开发学习之路-RecyclerView滑动删除和拖动排序

    Android开发学习之路-RecyclerView使用初探 Android开发学习之路-RecyclerView的Item自定义动画及DefaultItemAnimator源码分析 Android开 ...

  2. Android 可拖拽的GridView效果实现, 长按可拖拽和item实时交换

    转帖请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/17718579),请尊重他人的辛勤劳动成果,谢谢! 在And ...

  3. android开发游记:SpringView 下拉刷新的高效解决方式,定制你自己风格的拖拽页面

    关于下拉刷新/上拉载入很多其它的解决方式网上已经有非常多了,浏览了眼下主流的下拉控件比方PullToRefresh库等.第一:大多数实现库都难以进行动画和样式的自己定义. 第二:不能非常好的兼容多种滚 ...

  4. 【Android】HorizontalScrollView内子控件横向拖拽

    前言 网上ListView上下拖动的例子有,效果也很好,但是项目要横着拖的,只要硬着头皮自己写(主要是没找到合适的),参考文章1修改而来,分享一下. 声明 欢迎转载,但请保留文章原始出处:)  博客园 ...

  5. Android开发学习之路-RecyclerView使用初探

    在进行一些MaterialDesign规范开发的时候,比如之前说到的CoordinateLayout实现的向上折叠效果的时候,如果依然使用ListView,那么这种效果是做不出来的,因为ListVie ...

  6. Android开发学习之路-RecyclerView的Item自定义动画及DefaultItemAnimator源码分析

    这是关于RecyclerView的第二篇,说的是如何自定义Item动画,但是请注意,本文不包含动画的具体实现方法,只是告诉大家如何去自定义动画,如何去参考源代码. 我们知道,RecyclerView默 ...

  7. Android开发——使用高级的RecyclerView实现侧滑菜单删除功能(SwipeRecyclerView)

    使用之前,先简单介绍一下这个SwipeRecyclerView,这是严大(严振杰)基于RecyclerView的进行修改和封装的高级RecyclerView,其可以实现像QQ聊天界面的侧滑删除菜单,和 ...

  8. Android开发中如何使用RecyclerView

    介绍 在Android应用程序中,只要您想显示数据列表,就可以使用 RecyclerView . 早期的Android提供 ListView 了同样的东西. RecyclerView 可以被认为是一个 ...

  9. android开发游记:meterial design 5.0 开源控件整套合集 及使用demo

    android 的5.0公布不光google官方给出了一些新控件,同一时候还给出了一套符合material design风格的设计标准,这套标准将未来将覆盖google全部产品包括pc端,站点,移动端 ...

随机推荐

  1. STM32 关于头文件路径没添加错误问题(cannot open source input file "spi.h": No such file or directory)

    error:  #5: cannot open source input file "spi.h": No such file or directory 1.出现这种问题,首先要确 ...

  2. Maven多模块项目搭建

    最近一直在思考如何能够更好的重用代码.减少重复劳动,之前有一篇文章通过导入JAR包的形式,可以重用部分形如util类的方法,但是这样的话,管理起来jar包,特别是协同工作,多项目情况下,管理JAR会出 ...

  3. 保留全部Android crash信息

    保留全部Android crash信息 framework/base/core/java/com/android/internal/os/RuntimeInit.java 又一次以下这个函数,增加自己 ...

  4. Android 自己定义RecyclerView 实现真正的Gallery效果

    转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38173061 .本文出自:[张鸿洋的博客] 上一篇博客我使用自己定义Horizo ...

  5. Vuejs2.0学习之二(Render函数,createElement,vm.$slots,函数化组件,模板编译,JSX)

    时隔一周多,因为一些别的事情绊住了,下面接着写.中间这段时间也有看官方文档,发现正如他所说90%的基础内容都一样,所以这里直接跳到我比较关注的东东上,要是想看看哪些不一样,可以参考这个http://v ...

  6. hdoj--2180--时钟(数学)

    时钟 Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total Submiss ...

  7. poj--3984--迷宫问题(bfs+路径记录)

    迷宫问题 Time Limit: 1000MS   Memory Limit: 65536KB   64bit IO Format: %I64d & %I64u Submit Status D ...

  8. 关于linux下QIODevice类进行读取的几个方法的理解

    Qt中对读写设备的支持力度很大,其都继承与QIODevice类,其中有几个方法是非常值得注意的,不管是在用原始的serial port进行通信还是使用网络的TCP/IP 或者UDP或者HTTP等协议时 ...

  9. 搞笑OI

    OI难 噫吁嚱,维护难哉!OI之难,难于上青天!哈希及DP,代码何茫然!尔来一千两百A,不见金牌背后难.西当华师有考场,可以横绝CN巅.编译不过壮士死,然后超时爆内存相钩连.上有自主招生之高标,下有由 ...

  10. cookie、sessionStorage和localStorage

    title: cookie.sessionStorage和localStorage toc: false date: 2018-09-25 16:49:57 cookie 由于HTTP协议是无状态的, ...