RecyclerView酷炫拖拽效果真简单!你一定不能不会

参考资料

参考资料1
参考资料2
参考资料3【推荐】

背景介绍

列表控件可以说是我们绝大部分App中都会使用的,为了提升交互乐趣,我们经常需要在列表中加入拖拽、滑动等操作,本篇我将介绍使用ItemDragHelper这个官方提供的交互帮助类来帮助RecyclerView实现这些复杂的交互。

走进ItemTouchHelper

要使用这个类,最关键的步骤是传给它一个ItemTouchHelper.Callback,其它的我们可以不用管。既然它是一个Callback,那么我们可以大概猜到,我们自然就是在它的一些回调函数里做操作了。下面我们就来看看我们需要在哪些回调函数里做操作。
先上个效果图:

效果图

public class CustomItemTouchHelperCallback extends ItemTouchHelper.Callback {
  private OnItemTouchCallbackListener onItemTouchCallbackListener;

  private boolean canDrag = true;
  private boolean canSwipe = true;

  public CustomItemTouchHelperCallback(OnItemTouchCallbackListener onItemTouchCallbackListener) {
    this.onItemTouchCallbackListener = onItemTouchCallbackListener;
  }

  @Override
  public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
    RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
    int dragFlags = 0;
    int swipeFlags = 0;
    if (layoutManager instanceof GridLayoutManager) {
      // 如果是Grid布局,则不能滑动,只能上下左右拖动
      dragFlags =
          ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;
      swipeFlags = 0;
    } else if (layoutManager instanceof LinearLayoutManager) {
      // 如果是纵向Linear布局,则能上下拖动,左右滑动
      if (((LinearLayoutManager) layoutManager).getOrientation() == LinearLayoutManager.VERTICAL) {
        dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;
        swipeFlags = ItemTouchHelper.LEFT|ItemTouchHelper.RIGHT;
      } else {
        // 如果是横向Linear布局,则能左右拖动,上下滑动
        swipeFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;
        dragFlags = ItemTouchHelper.LEFT|ItemTouchHelper.RIGHT;
      }
    }
    return makeMovementFlags(dragFlags, swipeFlags); //该方法指定可进行的操作
  }

  /**
   * 拖动时回调,在这里处理拖动事件
   * 
   * @param viewHolder 被拖动的view
   * @param target 目标位置的view
   */
  @Override
  public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder,
      RecyclerView.ViewHolder target) {
    //这里我们直接将参数传递到回调接口方法中,提高复用性
    return onItemTouchCallbackListener.onMove(recyclerView, viewHolder, target);
  }

  /**
   * 滑动时回调
   * 
   * @param direction 回调方向
   */
  @Override
  public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
    onItemTouchCallbackListener.onSwiped(viewHolder, direction);
  }

  /**
   * 在这个回调中,如果返回true,表示可以触发长按拖动事件,false则表示不能
   */
  @Override
  public boolean isLongPressDragEnabled() {
    return canDrag;
  }

  /**
   * 在这个回调中,如果返回true,表示可以触发滑动事件,false表示不能
   */
  @Override
  public boolean isItemViewSwipeEnabled() {
    return canSwipe;
  }

  public void setCanDrag(boolean canDrag) {
    this.canDrag = canDrag;
  }

  public void setCanSwipe(boolean canSwipe) {
    this.canSwipe = canSwipe;
  }
}

下面我们看看怎么来使用这个我们自定义的Callback。

public class DraggerRecyclerViewActivity extends BaseActivity {
  @BindView(R.id.rv_dragger_list)
  RecyclerView draggerList;

  private List<String> datas = new ArrayList<>();
  private TextTestAdapter adapter;
  private CustomItemTouchHelper itemTouchHelper;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_dragger_recycler_view);
    ButterKnife.bind(this);
    initData();
    initView();
    addListener();
  }

  @Override
  protected void initData() {
    for (int i = 0; i < 100; i++) {
      datas.add("我是Item" + i);
    }
  }

  @Override
  protected void initView() {
    draggerList.setItemAnimator(new DefaultItemAnimator());
    draggerList.addItemDecoration(new RecyclerView.ItemDecoration() {
      @Override
      public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
        if (itemPosition != parent.getChildCount() - 1) {
          outRect.bottom = (int) DisplayUtils.dipToPx(0.5f);
        }
      }
    });
    draggerList.setLayoutManager(new LinearLayoutManager(this));
    adapter = new TextTestAdapter(this, datas);
    //创建ItemTouchHelper
    itemTouchHelper = new CustomItemTouchHelper(new OnItemTouchCallbackListener() {
      @Override
      public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder,
          RecyclerView.ViewHolder target) {
        if (datas == null) {
          return false;
        }
        //处理拖动排序
        //使用Collection对数组进行重排序,目的是把我们拖动的Item换到下一个目标Item的位置
        Collections.swap(datas, viewHolder.getAdapterPosition(), target.getAdapterPosition());
        //通知Adapter它的Item发生了移动
        adapter.notifyItemMoved(viewHolder.getAdapterPosition(), target.getAdapterPosition());
        return true;
      }

      @Override
      public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
        if (datas == null) {
          return;
        }
        //处理滑动删除
        //直接从数据中删除该Item的数据
        datas.remove(viewHolder.getAdapterPosition());
        //通知Adapter有Item被移除了
        adapter.notifyItemRemoved(viewHolder.getAdapterPosition());
      }
    });
    //并绑定RecyclerView
    itemTouchHelper.attachToRecyclerView(draggerList);
    draggerList.setAdapter(adapter);
  }

  @Override
  protected void addListener() {

  }
}

下面是ItemTouchHelper

public class CustomItemTouchHelper extends ItemTouchHelper {

  public CustomItemTouchHelper(OnItemTouchCallbackListener onItemTouchCallbackListener) {
    //直接把回调交给父类处理就好
    super(new CustomItemTouchHelperCallback(onItemTouchCallbackListener));
  }
}

很简单是不是?把它自定义出来其实就是为了防止后期还要添加别的操作,如果不需要,可以直接用API中的ItemTouchHelper。

总结

归根结底,使用ItemTouchHelper来实现RecyclerView的拖拽、滑动操作,最主要的还是重写ItemTouchHelper.Callback,在这个回调中,比较重要的方法是以下几个:

  • getMovementFlags(): 这个方法中需要返回可进行的操作Flags,这些Flags需要调用下面的方法合成;
  • makeMovementFlags():这个方法将drag和move操作的Flags合成,作为getMovementFlags中的返回项;
  • onMove():发生拖动时调用;
  • onSwiped():发生滑动时调用;
  • isLongPressDragEnabled():是否能触发长按拖动;
  • isItemViewSwipeEnabled():是否能触发滑动;

探讨

最近看到一个观点,说美国犯罪率的下降应该大部分归功于堕胎合法化的政策,而不是别的因素。因为堕胎使很多底层人民,他们意外怀孕,却无力好好抚养孩子,提供良好的生存环境给他们,这些孩子在未来是最有可能从事犯罪的。而堕胎的合法化使这些孩子一部分未能来到这个世界上,所以从根源上导致了犯罪率的下降。
这事儿,你怎么看?

如果这篇文章对你有帮助的话,记得点个赞,关注走一波哦!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容