快捷導(dǎo)航

Android RecyclerView滑動(dòng)刪除和拖動(dòng)排序

更新時(shí)間：2020年07月28日 08:35:02 作者：Fndroid

這篇文章主要介紹了Android RecyclerView滑動(dòng)刪除和拖動(dòng)排序的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本篇是接著上面三篇之后的一個(gè)對RecyclerView的介紹，這里多說兩句，如果你還在使用ListView的話，可以放棄掉ListView了。RecyclerView自動(dòng)幫我們緩存Item視圖（ViewHolder），允許我們自定義各種動(dòng)作的動(dòng)畫和分割線，允許我們對Item進(jìn)行一些手勢操作。另外，因?yàn)镈esign庫的推出大大方便我們編寫帶有Material風(fēng)格的App，而ListView是不兼容這個(gè)庫的，比如滑動(dòng)的相互協(xié)調(diào)，只有RecyclerView能做到。

先看本篇內(nèi)容的效果圖：

效果內(nèi)容主要有三部分：

•長按點(diǎn)擊其中一個(gè)Item之后可以將其拖動(dòng)到其他地方
•向左右滑動(dòng)可以刪除某個(gè)Item
•長按的時(shí)候會(huì)有一個(gè)浮起的動(dòng)作，放下之后會(huì)重新重新對齊

①先易后難，卡片浮起效果

在Material Design中，物件的呈現(xiàn)是以3d的模式來進(jìn)行的，也就是在原來的基礎(chǔ)上增加了一個(gè)Z軸來表示物體的高度。

當(dāng)我們點(diǎn)擊一個(gè)卡片的時(shí)候，應(yīng)該給予用戶一些反饋，讓用戶知道自己在操作這個(gè)卡片，也就是觸摸反饋。觸摸效果圖的觸摸反饋是先出現(xiàn)水波紋，接著當(dāng)卡片可以移動(dòng)的時(shí)候先浮動(dòng)，再開始移動(dòng)，最后下落，效果如下：（浮起的動(dòng)畫可能要仔細(xì)看）

實(shí)現(xiàn)：

水波紋效果使用系統(tǒng)提供的，因?yàn)镈emo中使用的是一個(gè)CardView來呈現(xiàn)內(nèi)容，所以只需要給CardView加上兩個(gè)屬性即可：
android:clickable="true"
android:foreground="?android:attr/selectableItemBackground"
浮起和下沉的動(dòng)畫也不難，改變View的translationZ屬性即可：

private void pickUpAnimation(View view) {
 ObjectAnimator animator = ObjectAnimator.ofFloat(view, "translationZ", 1f, 10f);
 animator.setInterpolator(new DecelerateInterpolator());
 animator.setDuration(300);
 animator.start();
}

②滑動(dòng)（Swipe）和移動(dòng)（Move）Item
Swipe是指我們上面的左右滑動(dòng)刪除，Move則是我們對Item的移動(dòng)，改變列表的排序。要實(shí)現(xiàn)這兩個(gè)功能，需要用到一個(gè)類ItemTouchHelper，當(dāng)我們構(gòu)造好這個(gè)類之后，可以調(diào)用它的attachToRecyclerView方法將其綁定在某個(gè)RecyclerView中，當(dāng)RecyclerView出現(xiàn)某些操作（滑動(dòng)和移動(dòng)）時(shí)，構(gòu)造這個(gè)類的時(shí)候傳入的回調(diào)類會(huì)回調(diào)相應(yīng)的方法，我們在這些方法中對數(shù)據(jù)集進(jìn)行操作即可。
new ItemTouchHelper(new ItemTouchHelper.Callback() { //省略代碼
}).attachToRecyclerView(mRecyclerView);
接著就是重寫接口Callback的方法了，這里需要重寫的有幾個(gè)，分別是：
•isItemViewSwipeEnable : Item是否可以滑動(dòng)
•isLongPressDragEnable ：Item是否可以長按
•getMovementFlags ：獲取移動(dòng)標(biāo)志
•onMove ：當(dāng)一個(gè)Item被另外的Item替代時(shí)回調(diào)，也就是數(shù)據(jù)集的內(nèi)容順序改變
•onMoved ：當(dāng)onMove返回true的時(shí)候回調(diào)
•onSwiped ：當(dāng)某個(gè)Item被滑動(dòng)離開屏幕之后回調(diào)
•setSelectedChange ：某個(gè)Item被長按選中會(huì)被回調(diào)，當(dāng)某個(gè)被長按移動(dòng)的Item被釋放時(shí)也調(diào)用

new ItemTouchHelper(new ItemTouchHelper.Callback() {
 private RecyclerView.ViewHolder vh;

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

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

 @Override
 public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder
  viewHolder) {
 // 拖拽的標(biāo)記，這里允許上下左右四個(gè)方向
 int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.LEFT |
  ItemTouchHelper.RIGHT;
 // 滑動(dòng)的標(biāo)記，這里允許左右滑動(dòng)
 int swipeFlags = ItemTouchHelper.START | ItemTouchHelper.END;
 return makeMovementFlags(dragFlags, swipeFlags);
 }

 /*
 這個(gè)方法會(huì)在某個(gè)Item被拖動(dòng)和移動(dòng)的時(shí)候回調(diào)，這里我們用來播放動(dòng)畫，當(dāng)viewHolder不為空時(shí)為選中狀態(tài)
 否則為釋放狀態(tài)
 */
 @Override
 public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
 super.onSelectedChanged(viewHolder, actionState);
 if (viewHolder != null) {
  vh = viewHolder;
  pickUpAnimation(viewHolder.itemView);
 } else {
  if (vh != null) {
  putDownAnimation(vh.itemView);
  }
 }
 }


 @Override
 public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder,
    RecyclerView.ViewHolder target) {
 // 移動(dòng)時(shí)更改列表中對應(yīng)的位置并返回true
 Collections.swap(newsList, viewHolder.getAdapterPosition(), target
  .getAdapterPosition());
 return true;
 }

 /*
 當(dāng)onMove返回true時(shí)調(diào)用
 */
 @Override
 public void onMoved(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, int
  fromPos, RecyclerView.ViewHolder target, int toPos, int x, int y) {
 super.onMoved(recyclerView, viewHolder, fromPos, target, toPos, x, y);
 // 移動(dòng)完成后刷新列表
 mAdapter.notifyItemMoved(viewHolder.getAdapterPosition(), target
  .getAdapterPosition());
 }

 @Override
 public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
 // 將數(shù)據(jù)集中的數(shù)據(jù)移除
 newsList.remove(viewHolder.getAdapterPosition());
 // 刷新列表
 mAdapter.notifyItemRemoved(viewHolder.getAdapterPosition());
 }
}).attachToRecyclerView(mRecyclerView);

這里直接貼出代碼，并做了注釋，應(yīng)該比較簡單了。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: