在平時(shí)開(kāi)發(fā)應(yīng)用的時(shí)候，經(jīng)常會(huì)遇到列表排序、滑動(dòng)刪除的需求。如果列表效果采用的是 ListView 的話(huà)，需要經(jīng)過(guò)自定義 View 才能實(shí)現(xiàn)效果；但是如果采用的是 RecyclerView 的話(huà)，系統(tǒng) API 就已經(jīng)為我們提供了相應(yīng)的功能。

接下來(lái)，我們就來(lái)看一下怎么用系統(tǒng) API 來(lái)實(shí)現(xiàn)排序和刪除的效果。

創(chuàng)建 ItemTouchHelper

創(chuàng)建一個(gè) ItemTouchHelper 對(duì)象，然后其調(diào)用 attachToRecyclerView 方法：

RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
recyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));
RecyclerViewAdapter adapter = new RecyclerViewAdapter();
ItemTouchHelper helper = new ItemTouchHelper(new MyItemTouchCallback(adapter));
helper.attachToRecyclerView(recyclerView);

在創(chuàng)建 ItemTouchHelper 對(duì)象時(shí)候，需要我們傳入一個(gè)實(shí)現(xiàn)了 ItemTouchHelper.Callback 接口的對(duì)象。而排序和刪除的邏輯都封裝在了這個(gè) ItemTouchHelper.Callback 的對(duì)象里面了。

實(shí)現(xiàn) ItemTouchHelper.Callback 接口

創(chuàng)建 MyItemTouchCallback 類(lèi)，實(shí)現(xiàn) ItemTouchHelper.Callback 接口：

public class MyItemTouchCallback extends ItemTouchHelper.Callback {

  private final RecyclerViewAdapter adapter;

  public MyItemTouchCallback(RecyclerViewAdapter adapter) {
    this.adapter = adapter;
  }

  @Override
  public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
    return 0;
  }

  @Override
  public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
    return false;
  }

  @Override
  public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
    
  }

}

實(shí)現(xiàn) ItemTouchHelper.Callback 接口后有三個(gè)方法需要重寫(xiě)：

• getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) ：設(shè)置滑動(dòng)類(lèi)型的標(biāo)記。需要設(shè)置兩種類(lèi)型的 flag ，即 dragFlags 和 swipeFlags ，分別代表著拖拽標(biāo)記和滑動(dòng)標(biāo)記。最后需要調(diào)用 makeMovementFlags(dragFlags, swipeFlags) 方法來(lái)合成返回。
• onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) ：當(dāng)用戶(hù)拖拽列表某個(gè) item 時(shí)會(huì)回調(diào)。很明顯，拖拽排序的代碼應(yīng)該在這個(gè)方法中實(shí)現(xiàn)。
• onSwiped(RecyclerView.ViewHolder viewHolder, int direction) ：當(dāng)用戶(hù)滑動(dòng)列表某個(gè) item 時(shí)會(huì)回調(diào)。所以側(cè)滑刪除的代碼應(yīng)該在這個(gè)方法中實(shí)現(xiàn)。
  

重寫(xiě)方法

我們先來(lái)看看 getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) 方法：

@Override
public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
  int dragFlag;
  int swipeFlag;
  RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
  if (layoutManager instanceof GridLayoutManager) {
    dragFlag = ItemTouchHelper.DOWN | ItemTouchHelper.UP
        | ItemTouchHelper.RIGHT | ItemTouchHelper.LEFT;
    swipeFlag = 0;
  } else {
    dragFlag = ItemTouchHelper.DOWN | ItemTouchHelper.UP;
    swipeFlag = ItemTouchHelper.END;
  }
  return makeMovementFlags(dragFlag, swipeFlag);
}

代碼中根據(jù) layoutManager 分為了兩種情況：

• 如果是 GridLayoutManager ，那么拖拽排序就可以細(xì)分為上下左右四個(gè)方向了，而且 GridLayoutManager 沒(méi)有側(cè)滑刪除的功能；
• 若是其他的 LayoutManager ，比如說(shuō) LinearLayoutManager ，那么拖拽排序就只有上下兩個(gè)方向了，并且設(shè)置 swipeFlag 為 ItemTouchHelper.END 類(lèi)型；
• 對(duì)于其他自定義類(lèi)型的 LayoutManager 可以自己根據(jù)自身情況補(bǔ)充。
  

下面就是 onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) 方法：

@Override
public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
  int fromPosition = viewHolder.getAdapterPosition();
  int toPosition = target.getAdapterPosition();
  if (fromPosition < toPosition) {
    for (int i = fromPosition; i < toPosition; i++) {
      Collections.swap(adapter.getDataList(), i, i + 1);
    }
  } else {
    for (int i = fromPosition; i > toPosition; i--) {
      Collections.swap(adapter.getDataList(), i, i - 1);
    }
  }
  recyclerView.getAdapter().notifyItemMoved(fromPosition, toPosition);
  return true;
}

之前說(shuō)過(guò)了，onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) 方法是用戶(hù)在拖拽 item 的時(shí)候會(huì)回調(diào)。所以關(guān)于列表排序的代碼應(yīng)該寫(xiě)在這里。方法參數(shù)中的 viewHolder 代表的是用戶(hù)當(dāng)前拖拽的 item ，而 target 代表的是被用戶(hù)拖拽所覆蓋的那個(gè) item 。所以在 onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) 方法中的邏輯就是把 fromPosition 至 toPosition 為止改變它們的位置。

最后就是 onSwiped(RecyclerView.ViewHolder viewHolder, int direction) 方法了：

@Override
public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
  int position = viewHolder.getAdapterPosition();
  if (direction == ItemTouchHelper.END) {
    adapter.getDataList().remove(position);
    adapter.notifyItemRemoved(position);
  }
}

這個(gè)方法在用戶(hù)進(jìn)行側(cè)滑刪除操作的時(shí)候會(huì)回調(diào)，其中的邏輯就是得到當(dāng)前用戶(hù)進(jìn)行側(cè)滑刪除操作的 item ，然后將其刪除。

到了這里，大功告成了。那么來(lái)看看效果吧：

效果圖

改善用戶(hù)體驗(yàn)

我們發(fā)現(xiàn)還有一些不完美的地方：比如當(dāng)用戶(hù)在拖拽排序的時(shí)候，可以改變當(dāng)前拖拽 item 的透明度，這樣就可以和其他 item 區(qū)分開(kāi)來(lái)了。那么，我們需要去重寫(xiě) onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) 方法：

@Override
public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
  super.onSelectedChanged(viewHolder, actionState);
  if (actionState == ItemTouchHelper.ACTION_STATE_DRAG) {
    viewHolder.itemView.setBackgroundColor(Color.BLUE);
  }
}

相對(duì)應(yīng)地，當(dāng)用戶(hù)手指從拖拽 item 中抬起的時(shí)候，我們需要把 item 的透明度復(fù)原。需要我們重寫(xiě) clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) 方法：

@Override
public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
  super.clearView(recyclerView, viewHolder);
  viewHolder.itemView.setBackgroundColor(0);
}

好了，來(lái)看看改進(jìn)之后的效果：

改進(jìn)效果圖

源碼下載：TestRV.rar

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

最新評(píng)論