RecyclerView酷炫拖拽效果真簡單盆佣!你一定不能不會(huì)

參考資料

參考資料1
參考資料2
參考資料3【推薦】

背景介紹

列表控件可以說是我們絕大部分App中都會(huì)使用的往堡,為了提升交互樂趣,我們經(jīng)常需要在列表中加入拖拽共耍、滑動(dòng)等操作,本篇我將介紹使用ItemDragHelper這個(gè)官方提供的交互幫助類來幫助RecyclerView實(shí)現(xiàn)這些復(fù)雜的交互吨瞎。

走進(jìn)ItemTouchHelper

要使用這個(gè)類痹兜,最關(guān)鍵的步驟是傳給它一個(gè)ItemTouchHelper.Callback,其它的我們可以不用管颤诀。既然它是一個(gè)Callback字旭,那么我們可以大概猜到,我們自然就是在它的一些回調(diào)函數(shù)里做操作了崖叫。下面我們就來看看我們需要在哪些回調(diào)函數(shù)里做操作遗淳。
先上個(gè)效果圖:

效果圖

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布局,則不能滑動(dòng)心傀,只能上下左右拖動(dòng)
      dragFlags =
          ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT;
      swipeFlags = 0;
    } else if (layoutManager instanceof LinearLayoutManager) {
      // 如果是縱向Linear布局屈暗,則能上下拖動(dòng),左右滑動(dòng)
      if (((LinearLayoutManager) layoutManager).getOrientation() == LinearLayoutManager.VERTICAL) {
        dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;
        swipeFlags = ItemTouchHelper.LEFT|ItemTouchHelper.RIGHT;
      } else {
        // 如果是橫向Linear布局脂男,則能左右拖動(dòng),上下滑動(dòng)
        swipeFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;
        dragFlags = ItemTouchHelper.LEFT|ItemTouchHelper.RIGHT;
      }
    }
    return makeMovementFlags(dragFlags, swipeFlags); //該方法指定可進(jìn)行的操作
  }

  /**
   * 拖動(dòng)時(shí)回調(diào),在這里處理拖動(dòng)事件
   * 
   * @param viewHolder 被拖動(dòng)的view
   * @param target 目標(biāo)位置的view
   */
  @Override
  public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder,
      RecyclerView.ViewHolder target) {
    //這里我們直接將參數(shù)傳遞到回調(diào)接口方法中可缚,提高復(fù)用性
    return onItemTouchCallbackListener.onMove(recyclerView, viewHolder, target);
  }

  /**
   * 滑動(dòng)時(shí)回調(diào)
   * 
   * @param direction 回調(diào)方向
   */
  @Override
  public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
    onItemTouchCallbackListener.onSwiped(viewHolder, direction);
  }

  /**
   * 在這個(gè)回調(diào)中颤难,如果返回true,表示可以觸發(fā)長按拖動(dòng)事件汁讼,false則表示不能
   */
  @Override
  public boolean isLongPressDragEnabled() {
    return canDrag;
  }

  /**
   * 在這個(gè)回調(diào)中淆攻,如果返回true,表示可以觸發(fā)滑動(dòng)事件嘿架,false表示不能
   */
  @Override
  public boolean isItemViewSwipeEnabled() {
    return canSwipe;
  }

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

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

下面我們看看怎么來使用這個(gè)我們自定義的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);
    //創(chuàng)建ItemTouchHelper
    itemTouchHelper = new CustomItemTouchHelper(new OnItemTouchCallbackListener() {
      @Override
      public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder,
          RecyclerView.ViewHolder target) {
        if (datas == null) {
          return false;
        }
        //處理拖動(dòng)排序
        //使用Collection對(duì)數(shù)組進(jìn)行重排序,目的是把我們拖動(dòng)的Item換到下一個(gè)目標(biāo)Item的位置
        Collections.swap(datas, viewHolder.getAdapterPosition(), target.getAdapterPosition());
        //通知Adapter它的Item發(fā)生了移動(dòng)
        adapter.notifyItemMoved(viewHolder.getAdapterPosition(), target.getAdapterPosition());
        return true;
      }

      @Override
      public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
        if (datas == null) {
          return;
        }
        //處理滑動(dòng)刪除
        //直接從數(shù)據(jù)中刪除該Item的數(shù)據(jù)
        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) {
    //直接把回調(diào)交給父類處理就好
    super(new CustomItemTouchHelperCallback(onItemTouchCallbackListener));
  }
}

很簡單是不是艰毒?把它自定義出來其實(shí)就是為了防止后期還要添加別的操作,如果不需要搜囱,可以直接用API中的ItemTouchHelper丑瞧。

總結(jié)

歸根結(jié)底柑土,使用ItemTouchHelper來實(shí)現(xiàn)RecyclerView的拖拽、滑動(dòng)操作绊汹,最主要的還是重寫ItemTouchHelper.Callback稽屏,在這個(gè)回調(diào)中,比較重要的方法是以下幾個(gè):

  • getMovementFlags(): 這個(gè)方法中需要返回可進(jìn)行的操作Flags西乖,這些Flags需要調(diào)用下面的方法合成狐榔;
  • makeMovementFlags():這個(gè)方法將drag和move操作的Flags合成,作為getMovementFlags中的返回項(xiàng)获雕;
  • onMove():發(fā)生拖動(dòng)時(shí)調(diào)用薄腻;
  • onSwiped():發(fā)生滑動(dòng)時(shí)調(diào)用;
  • isLongPressDragEnabled():是否能觸發(fā)長按拖動(dòng)届案;
  • isItemViewSwipeEnabled():是否能觸發(fā)滑動(dòng)庵楷;

探討

最近看到一個(gè)觀點(diǎn),說美國犯罪率的下降應(yīng)該大部分歸功于墮胎合法化的政策楣颠,而不是別的因素尽纽。因?yàn)閴櫶ナ购芏嗟讓尤嗣瘢麄円馔鈶言型觯瑓s無力好好撫養(yǎng)孩子弄贿,提供良好的生存環(huán)境給他們,這些孩子在未來是最有可能從事犯罪的矫膨。而墮胎的合法化使這些孩子一部分未能來到這個(gè)世界上差凹,所以從根源上導(dǎo)致了犯罪率的下降。
這事兒豆拨,你怎么看直奋?

如果這篇文章對(duì)你有幫助的話,記得點(diǎn)個(gè)贊施禾,關(guān)注走一波哦脚线!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市弥搞,隨后出現(xiàn)的幾起案子邮绿,更是在濱河造成了極大的恐慌,老刑警劉巖攀例,帶你破解...
    沈念sama閱讀 218,682評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件船逮,死亡現(xiàn)場離奇詭異,居然都是意外死亡粤铭,警方通過查閱死者的電腦和手機(jī)挖胃,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人酱鸭,你說我怎么就攤上這事吗垮。” “怎么了凹髓?”我有些...
    開封第一講書人閱讀 165,083評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵烁登,是天一觀的道長。 經(jīng)常有香客問我蔚舀,道長饵沧,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,763評(píng)論 1 295
  • 正文 為了忘掉前任赌躺,我火速辦了婚禮狼牺,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘寿谴。我一直安慰自己锁右,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,785評(píng)論 6 392
  • 文/花漫 我一把揭開白布讶泰。 她就那樣靜靜地躺著,像睡著了一般拂到。 火紅的嫁衣襯著肌膚如雪痪署。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,624評(píng)論 1 305
  • 那天兄旬,我揣著相機(jī)與錄音狼犯,去河邊找鬼。 笑死领铐,一個(gè)胖子當(dāng)著我的面吹牛悯森,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播绪撵,決...
    沈念sama閱讀 40,358評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼瓢姻,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了音诈?” 一聲冷哼從身側(cè)響起幻碱,我...
    開封第一講書人閱讀 39,261評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎细溅,沒想到半個(gè)月后褥傍,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,722評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡喇聊,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年恍风,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,030評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡朋贬,死狀恐怖凯楔,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情兄世,我是刑警寧澤啼辣,帶...
    沈念sama閱讀 35,737評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站御滩,受9級(jí)特大地震影響鸥拧,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜削解,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,360評(píng)論 3 330
  • 文/蒙蒙 一富弦、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧氛驮,春花似錦腕柜、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至蓖扑,卻和暖如春唉铜,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背律杠。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評(píng)論 1 270
  • 我被黑心中介騙來泰國打工潭流, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人柜去。 一個(gè)月前我還...
    沈念sama閱讀 48,237評(píng)論 3 371
  • 正文 我出身青樓灰嫉,卻偏偏與公主長得像,于是被迫代替她去往敵國和親嗓奢。 傳聞我的和親對(duì)象是個(gè)殘疾皇子讼撒,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,976評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容