ItemTouchHelper(一)認(rèn)識(shí)與實(shí)現(xiàn)

前言

<p>
ItemTouchHelper是什么?

看看官方解釋

/**
  *  This is a utility class to add swipe to dismiss and drag & drop support to RecyclerView.
  */

通過這段解釋其實(shí)可以清楚這個(gè)ItemTouchHelper到底是干什么的,它是一個(gè)可以給RecyclerView提供添加拖動(dòng)排序與滑動(dòng)刪除等等操作的工具類。

大家應(yīng)該清楚拖動(dòng)排序與滑動(dòng)刪除其實(shí)如果代碼去寫會(huì)比較麻煩,所以ItemTouchHelper的出現(xiàn)也確實(shí)解決了這部分代碼比較復(fù)雜的問題,這偏文章就簡(jiǎn)單的介紹下ItemTouchHelper的使用方法

簡(jiǎn)單實(shí)現(xiàn)

<p>
1.首先實(shí)現(xiàn)一個(gè)RecyclerView就好了

直接上代碼

public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.ItemViewHolder>{

    private static final String[] STRINGS = new String[]{
            "One", "Two", "Three", "Four", "Five", "Six", "Seven", "Eight", "Nine", "Ten"
    };

    private final List<String> mItems = new ArrayList<>();

    public RecyclerAdapter() {
        mItems.addAll(Arrays.asList(STRINGS));
    }

    @Override
    public ItemViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_main, parent, false);
        ItemViewHolder itemViewHolder = new ItemViewHolder(view);
        return itemViewHolder;
    }

    @Override
    public void onBindViewHolder(ItemViewHolder holder, int position) {
        holder.textView.setText(mItems.get(position));
    }

    @Override
    public int getItemCount() {
        return mItems.size();
    }

    public static class ItemViewHolder extends RecyclerView.ViewHolder{

        public final TextView textView;

        public ItemViewHolder(View itemView) {
            super(itemView);
            textView = (TextView) itemView;
        }
    }
}
mRecyclerView.setAdapter(new RecyclerAdapter());
mRecyclerView.setLayoutManager(new LinearLayoutManager(MainActivity.this));

創(chuàng)建好了,如下

圖1 RecycleView

2.創(chuàng)建一個(gè)類繼承ItemTouchHelper.Callback,并且與RecycleView建立鏈接

public class ItemTouchHelperCallback extends ItemTouchHelper.Callback{
    @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) {

    }
}

創(chuàng)建了一個(gè)類并繼承了ItemTouchHelper.Callback與他的一些方法,但是些方法根據(jù)我們的需求需要重寫

需要重寫getMovementFlags()方法來指定可以支持的拖放和滑動(dòng)的方向使用helperItemTouchHelper.makeMovementFlags(int, int)來構(gòu)造返回的flag。這里我們啟用了上下左右兩種方向。注:上下為拖動(dòng)(drag),左右為滑動(dòng)(swipe)。

如下

public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
    final int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;
    final int swipeFlags = ItemTouchHelper.START | ItemTouchHelper.END;
    return makeMovementFlags(dragFlags, swipeFlags);
}

接下來建立與RecycleView的鏈接

ItemTouchHelper mItemTouchHelper = new ItemTouchHelper(new ItemTouchHelperCallback());
mItemTouchHelper.attachToRecyclerView(mRecyclerView);

好的接下來就是見證奇跡的時(shí)刻了

圖2 RecycleView

但是顯然不是我們想要的結(jié)果,但是還缺少什么呢?Adapter數(shù)據(jù)并沒有發(fā)生實(shí)質(zhì)性的變化,所以接下來工作就是去讓Adapter內(nèi)數(shù)據(jù)產(chǎn)生變化

3.通過接口改變Adapter數(shù)據(jù)

首先創(chuàng)建接口

public interface IItemHelper {

    void onItemMove(int fromPosition, int toPosition);

    void onItemDismiss(int position);

}

然后在callback中調(diào)用

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

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

最后在Adapter中實(shí)現(xiàn)這個(gè)接口

@Override
public void onItemMove(int fromPosition, int toPosition) {
    String prev = mItems.remove(fromPosition);
    mItems.add(toPosition > fromPosition ? toPosition - 1 : toPosition, prev);
    notifyItemMoved(fromPosition, toPosition);
}

@Override
public void onItemDismiss(int position) {
    mItems.remove(position);
    notifyItemRemoved(position);
}

接下來就是真正的見證奇跡的時(shí)刻了

圖3 RecycleView

拖動(dòng)不知道為什么在模擬器上太難操作了,OMG

寫在后面的話

<p>
到這里基本上簡(jiǎn)單使用已經(jīng)介紹完畢了,對(duì)于更深的源碼解析和更深層次的使用就放在后面的文章進(jìn)行分析了。。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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