今天在群里见大神们提到控件的拖动以及滑动删除的效果实现,就在网上找了资料ItemTouchHelper学习,并实现其功能。不胜窃喜之至,忍不住跟大家分享一下,如今就对学习过程做下简介。帮助大家实现这样的拖动以及滑动删除效果。

之前了解到要实现以上效果有View.OnDragListener,SwipeToDismiss两种方法。看了下简介之后感觉非常复杂啊,常常依赖于GestureDetectors和onInterceptTouchEvent,各种手势操作,感觉非常萌逼啊。

可是看了Paul Burke写的ItemTouchHelper之后,感觉豁然开朗。在RecyclerView上加入拖动特性有一个非常easy的方法。这种方法仅仅须要ItemTouchHelper一个类,而且它也是Android 兼容包的一部分。它处理好了关于在RecyclerView上加入拖动排序与滑动删除的全部事情,听了是不是非常激动,感觉就跟保姆似的。

话不多说。献上效果图

是不是非常激动,先看我的代码是怎么实现的吧

代码结构图

这里主要是helper包,然后就是recylerview以及其adapter

首先加入依赖

  1. compile 'com.android.support:appcompat-v7:23.2.1'
  2. compile 'com.android.support:design:23.1.1'

因为v7包包括RecylerView。所以这么加入依赖也能够

  1. compile 'com.android.support:recyclerview-v7:23.1.1'

为了保险起见也贴上recyclerview的依赖

然后看布局

  1. <?
  2. xml version="1.0" encoding="utf-8"?
  3. >
  4. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  5. xmlns:tools="http://schemas.android.com/tools"
  6. android:layout_width="match_parent"
  7. android:layout_height="match_parent"
  8. tools:context="up72.com.testtouchhelper.MainActivity">
  9. <android.support.v7.widget.RecyclerView
  10. android:id="@+id/recyclerView"
  11. android:layout_width="match_parent"
  12. android:layout_height="match_parent"/>
  13. </RelativeLayout>

这没啥好讲的。就是加入RecyclerView

RecyclerView item的布局

  1. <TextView
  2. android:id="@+id/text"
  3. android:layout_width="wrap_content"
  4. android:layout_height="wrap_content"
  5. android:layout_gravity="center_vertical"
  6. android:layout_marginLeft="@dimen/activity_horizontal_margin"
  7. android:textAppearance="?
  8. android:attr/textAppearanceMedium" />

就显示一个textview,显示就不弄那么复杂。大家越easy看懂越好

  1. package up72.com.testtouchhelper;
  2. import android.os.Bundle;
  3. import android.support.v7.app.AppCompatActivity;
  4. import android.support.v7.widget.LinearLayoutManager;
  5. import android.support.v7.widget.RecyclerView;
  6. import android.support.v7.widget.helper.ItemTouchHelper;
  7. import java.util.ArrayList;
  8. import up72.com.testtouchhelper.helper.OnStartDragListener;
  9. import up72.com.testtouchhelper.helper.SimpleItemTouchHelperCallback;
  10. public class MainActivity extends AppCompatActivity implements OnStartDragListener{
  11. private RecyclerView recyclerView;
  12. private RecyclerViewAdapter adapter;
  13. private ItemTouchHelper mItemTouchHelper;
  14. @Override
  15. protected void onCreate(Bundle savedInstanceState) {
  16. super.onCreate(savedInstanceState);
  17. setContentView(R.layout.activity_main);
  18. recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
  19. recyclerView.setHasFixedSize(true);
  20. recyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));
  21. recyclerView.setAdapter(adapter = new RecyclerViewAdapter(this));
  22. ItemTouchHelper.Callback callback = new SimpleItemTouchHelperCallback(adapter);
  23. mItemTouchHelper = new ItemTouchHelper(callback);
  24. mItemTouchHelper.attachToRecyclerView(recyclerView);
  25. adapter.replaceAll(getDatas());
  26. }
  27. @Override
  28. public void onStartDrag(RecyclerView.ViewHolder viewHolder) {
  29. mItemTouchHelper.startDrag(viewHolder);
  30. }
  31. private ArrayList<String> getDatas() {
  32. ArrayList<String> list = new ArrayList<>();
  33. for (int i = 0; i < 10; i++) {
  34. String text = "item" + i;
  35. list.add(text);
  36. }
  37. return list;
  38. }
  39. }

这里主要填充数据,实现OnStartDragListener接口, mItemTouchHelper.attachToRecyclerView(recyclerView)绑定recyclerView,适配器传递的不是activity的引用。而是OnStartDragListener的。非常easy吧

所以要创建构造方法

  1. private OnStartDragListener mDragStartListener;
  2. public RecyclerViewAdapter(OnStartDragListener mDragStartListener) {
  3. this.mDragStartListener = mDragStartListener;
  4. }

剩下的看看适配器吧,适配器实现implements ItemTouchHelperAdapter方法,重写了onItemMove,onItemDismiss两个方法,分别处理拖动。滑动删除

  1. @Override
  2. public boolean onItemMove(int fromPosition, int toPosition) {
  3. Collections.swap(dataList, fromPosition, toPosition);
  4. notifyItemMoved(fromPosition, toPosition);
  5. return true;
  6. }
  7. @Override
  8. public void onItemDismiss(int position) {
  9. dataList.remove(position);
  10. notifyItemRemoved(position);
  11. }

ViewHolder实现ItemTouchHelperViewHolder接口,实现onItemSelected,onItemClear两个方法

  1. @Override
  2. public void onItemSelected() {
  3. itemView.setBackgroundColor(Color.RED);
  4. }
  5. @Override
  6. public void onItemClear() {
  7. itemView.setBackgroundColor(0);
  8. }

完整的适配器设置

  1. package up72.com.testtouchhelper;
  2. import android.graphics.Color;
  3. import android.support.v7.widget.RecyclerView;
  4. import android.view.LayoutInflater;
  5. import android.view.View;
  6. import android.view.ViewGroup;
  7. import android.widget.TextView;
  8. import java.util.ArrayList;
  9. import java.util.Collections;
  10. import up72.com.testtouchhelper.helper.ItemTouchHelperAdapter;
  11. import up72.com.testtouchhelper.helper.ItemTouchHelperViewHolder;
  12. import up72.com.testtouchhelper.helper.OnStartDragListener;
  13. /**
  14. * Created by wangchang on 2016/3/25.
  15. */
  16. public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.BaseViewHolder> implements ItemTouchHelperAdapter {
  17. private ArrayList<String> dataList = new ArrayList<>();
  18. private OnStartDragListener mDragStartListener;
  19. public RecyclerViewAdapter(OnStartDragListener mDragStartListener) {
  20. this.mDragStartListener = mDragStartListener;
  21. }
  22. public void replaceAll(ArrayList<String> list) {
  23. dataList.clear();
  24. if (list != null) {
  25. dataList.addAll(list);
  26. }
  27. notifyDataSetChanged();
  28. }
  29. @Override
  30. public RecyclerViewAdapter.BaseViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
  31. return new DemoViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.item_main, parent, false));
  32. }
  33. @Override
  34. public void onBindViewHolder(RecyclerViewAdapter.BaseViewHolder holder, int position) {
  35. holder.setData(dataList.get(position));
  36. }
  37. @Override
  38. public int getItemCount() {
  39. return dataList!=null?dataList.size():0;
  40. }
  41. @Override
  42. public boolean onItemMove(int fromPosition, int toPosition) {
  43. Collections.swap(dataList, fromPosition, toPosition);
  44. notifyItemMoved(fromPosition, toPosition);
  45. return true;
  46. }
  47. @Override
  48. public void onItemDismiss(int position) {
  49. dataList.remove(position);
  50. notifyItemRemoved(position);
  51. }
  52. public class BaseViewHolder extends RecyclerView.ViewHolder {
  53. public BaseViewHolder(View itemView) {
  54. super(itemView);
  55. }
  56. void setData(String data){
  57. }
  58. }
  59. private class DemoViewHolder extends BaseViewHolder implements
  60. ItemTouchHelperViewHolder {
  61. private TextView tv;
  62. public DemoViewHolder(View view) {
  63. super(view);
  64. tv= (TextView) view.findViewById(R.id.text);
  65. }
  66. @Override
  67. void setData(String data) {
  68. super.setData(data);
  69. tv.setText(data);
  70. }
  71. @Override
  72. public void onItemSelected() {
  73. itemView.setBackgroundColor(Color.RED);
  74. }
  75. @Override
  76. public void onItemClear() {
  77. itemView.setBackgroundColor(0);
  78. }
  79. }
  80. }

就这样效果就实现了,最后贴上Paul Burke大神的原文地址。

Drag and Swipe with RecyclerView

英文比較的好的同志们能够更具体的了解一下。

源代码下载 https://pan.baidu.com/s/1nuZ4rqh

Android学习之ItemTouchHelper实现RecylerView的拖拽以及滑动删除功能的更多相关文章

  1. Android学习系列(11)--App列表之拖拽ListView(下)

    接着上篇Android学习系列(10)--App列表之拖拽ListView(上)我们继续实现ListView的拖拽效果. 7.重写onTouchEvent()方法.     在这个方法中我们主要是处理 ...

  2. Android学习系列(10)--App列表之拖拽ListView(上)

     研究了很久的拖拽ListView的实现,受益良多,特此与尔共飨.      鉴于这部分内容网上的资料少而简陋,而具体的实现过程或许对大家才有帮助,为了详尽而不失真,我们一步一步分析,分成两篇文章. ...

  3. Android学习系列(12)--App列表之拖拽GridView

    根据前面文章中ListView拖拽的实现原理,我们也是很容易实现推拽GridView的,下面我就以相同步骤实现基本的GridView拖拽效果.     因为GridView不用做分组处理,代码处理起来 ...

  4. Android 仿微信朋友圈发表图片拖拽和删除功能

    朋友圈实现原理 我们使用 Android Device Monitor 来分析朋友圈发布图片的界面实现原理.如果需要分析其他应用的界面实现也是采用这种方法哦. 打开 Android Device Mo ...

  5. RecyclerView进阶:使用ItemTouchHelper实现拖拽和侧滑删除

    现在RecyclerView的应用越来越广泛了,不同的应用场景需要其作出不同的改变.有时候我们可能需要实现侧滑删除的功能,比如知乎首页的侧滑删除,又或者长按Item进行拖动与其他Item进行位置的交换 ...

  6. atitit.D&D drag&drop拖拽文件到界面功能 html5 web 跟个java swing c#.net c++ 的总结

    atitit.D&D drag&drop拖拽文件到界面功能 html5 web 跟个java swing c#.net c++ 的总结 1. DND的操作流程 1 2. Html5 注 ...

  7. CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能

    本文将介绍一个非常有意思的功能,使用纯 CSS 利用 resize 实现强大的图片切换预览功能.类似于这样: 思路 首先,要实现这样一个效果如果不要求可以拖拽,其实有非常多的办法. 将两张图片叠加在一 ...

  8. [Android]仿新版QQ的tab下面拖拽标记为已读的效果

    以下内容为原创,欢迎转载,转载请注明 来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/4182929.html 可拖拽的红点,(仿新版QQ,tab下面拖 ...

  9. RecyclerView借助ItemTouchHelper实现拖动和滑动删除功能

    RecyclerView是官方推荐代替ListView的空间,怎样实现RecyclerView列表元素的拖动呢? 官方提供了ItemTouchHelper类使用过程例如以下: 定义ItemTouchH ...

随机推荐

  1. @requestBody注解的使用(上)

    1.@requestBody注解常用来处理content-type不是默认的application/x-www-form-urlcoded编码的内容,比如说:application/json或者是ap ...

  2. React Native 让组件做到局部刷新

    利用RN的状态机机制,我们可以通过this.setState({optional:...})来控制界面的刷新,但是一定会触发render方法,那如何保证不调用render方法从而做到界面的局部刷新呢? ...

  3. iOS应用程序多语言本地化

    多语言在应用程序中一般有两种做法:一.程序中提供给用户自己选择的机会:二.根据当前用户当前移动设备的语言自动将我们的app切换对应语言. 第一种做法比较简单完全靠自己的发挥了,这里主要讲第二种做法,主 ...

  4. javascript快速入门16--表格

    表格的层次结构 <table border="1"> <caption>表格标题</caption> <thead> <tr& ...

  5. perl学习笔记——目录操作

    在目录书中移动 chdir 操作副改变当前的工作目录.它和shell中cd命令类似: chdir ‘/etc’ or die “cannot chdir to /etc:$1”; 注意:工作目录不能更 ...

  6. Android开发之JNI(一)--HelloWorld及遇到的错误解析

    Android开发之JNI(一)--HelloWorld及遇到的错误解析 1.NDK环境搭建    參考http://blog.csdn.net/xiaoliouc/article/details/8 ...

  7. Linux学习笔记 (四)归档和压缩

    一.zip压缩命令: 1.压缩文件: 格式:zip 压缩文件 源文件 例:zip abc.zip abc  //将abc文件压缩到abc.zip文件内. 2.压缩目录: 格式:zip –r 压缩目录 ...

  8. Django——META内部类选项

    Django 模型类的Meta是一个内部类,它用于定义一些Django模型类的行为特性.以下对此作一总结: abstract      这个属性是定义当前的模型类是不是一个抽象类.所谓抽象类是不会对应 ...

  9. 在LoadRunner中设置HTTP请求time-out的时间

    Error -27728: Step download timeout (120 seconds) has expired when downloading non-resource(s) [MsgI ...

  10. 初识 Java

    1.Java中的数据类型 Java 语言是一种强类型语言.通俗点说就是,在 Java 中存储的数据都是有类型的,而且必须在编译时就确定其类型. Java 中有两类数据类型: 在 Java 的领域里,基 ...