RecyclerView:使用ItemTouchHelper交換Item

本文主要是解決RecyclerView上下移動切換位置時(shí)能夠移出RecyclerView控件的范圍狼钮,同時(shí)增加了一些開始,結(jié)束,限制移動范圍的接口啊掏,開始部分是分析,伸手黨請直接拉到最后

1衰猛、基礎(chǔ)使用

新項(xiàng)目做的差不多了迟蜜,產(chǎn)品也開始附加功能了,要求:為了方便客戶要增加移動列表位置進(jìn)行排序的功能啡省。沒問題娜睛,其實(shí)心里正在暗暗得意,早就防著你呢卦睹,這次布局使用了RecyclerView畦戒,實(shí)現(xiàn)排序?太簡單了结序,直接上代碼

抽象接口用于操作交換

public interface ItemMoveHelperApi { 
   /**
     * Item 切換位置
     *
     * @param fromPosition 開始位置
     * @param toPosition   結(jié)束位置
     */
    void onItemMoved(int fromPosition, int toPosition);
}

實(shí)現(xiàn)交換

public class ItemMoveCallBackImpl extends ItemTouchHelper.Callback {

    private ItemMoveHelperApi mHelperApi;

    public ItemMoveCallBackImpl(ItemMoveHelperApi helperApi) {
        this.mHelperApi = helperApi;
    }
    @Override
    public boolean isLongPressDragEnabled() {
        return true;
    }
    @Override
    public boolean isItemViewSwipeEnabled() {
        return false;
    }
    @Override
    public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
        int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;
        int swipeFlags = ItemTouchHelper.START | ItemTouchHelper.END;
        return makeMovementFlags(dragFlags, swipeFlags);
    }
    @Override
    public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
        if (mHelperApi != null) {
            mHelperApi.onItemMoved(viewHolder.getAdapterPosition(), target.getAdapterPosition());
        }
        return true;
    }
    @Override
    public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
    }
}

RecyclerView使用

ItemMoveCallBackImpl mMoveCallBack = new ItemMoveCallBackImpl(this);
ItemTouchHelper touchHelper = new ItemTouchHelper(mMoveCallBack);
touchHelper.attachToRecyclerView(recyclerView);

交換實(shí)現(xiàn)

@Override
public void onItemMoved(int fromPosition, int toPosition) {
    mAdapter.notifyItemMoved(fromPosition, toPosition);
    //數(shù)據(jù)交換障斋,如果不寫的話,滑動后會變回原來的順序
    ......
}

2徐鹤、添加開始結(jié)束接口

果然樂極生悲垃环,雖然這個(gè)代碼一點(diǎn)都沒有問題,但是到了實(shí)際項(xiàng)目中發(fā)現(xiàn)一個(gè)尷尬的問題返敬,RecyclerView有下拉刷新遂庄,當(dāng)RecyclerView處于頂部的時(shí)候,交換和刷新會有沖突... 沒辦法救赐,繼續(xù)查找代碼涧团。在查找API的過程中發(fā)現(xiàn)了一個(gè)方法

/**
 * Called when the ViewHolder swiped or dragged by the ItemTouchHelper is changed.
 * <p/>
 * If you override this method, you should call super.
 *
 * @param viewHolder  The new ViewHolder that is being swiped or dragged. Might be null if
 *                    it is cleared.
 * @param actionState One of {@link ItemTouchHelper#ACTION_STATE_IDLE},
 *                    {@link ItemTouchHelper#ACTION_STATE_SWIPE} or
 *                    {@link ItemTouchHelper#ACTION_STATE_DRAG}.
 * @see #clearView(RecyclerView, RecyclerView.ViewHolder)
 */
public void onSelectedChanged(ViewHolder viewHolder, int actionState) {
    if (viewHolder != null) {
        sUICallback.onSelected(viewHolder.itemView);
    }
}

通過注釋和自己代碼試驗(yàn)得出結(jié)論,這個(gè)方法是在移動開始和結(jié)束的時(shí)候調(diào)用经磅,這樣一來就簡單了泌绣,首先修改一下ItemMoveHelperApi 接口,新增2個(gè)方法

/**
 * 開始移動
 */
void onMoveStart();
/**
 * 停止移動
 */
void onMoveEnd();

然后在ItemMoveCallBackImpl 中重寫onSelectedChanged方法

@Override
public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
    if (mHelperApi == null) {
        super.onSelectedChanged(viewHolder, actionState);
        return;
    }
    if (viewHolder == null) {
        mHelperApi.onMoveEnd();
    } else {
        mHelperApi.onMoveStart();
    }
    super.onSelectedChanged(viewHolder, actionState);
}

這樣就能在onMoveStart中禁止下拉刷新控件预厌,在onMoveEnd重新啟動下拉刷新控件并保存當(dāng)前列表的順序阿迈,這樣就不用去每次交換位置都去保存順序了。

3轧叽、限制移動位置

果然程序員的世界和別人不一樣(或者說是產(chǎn)品的世界和別人(程序員)的不一樣苗沧?)刊棕,在我看來不錯(cuò)的東西人家都能提出缺點(diǎn)(?) RecyclerView的交換移動到頂部的時(shí)候是可以移動出去的,這個(gè)要改待逞,沒辦法甥角,改吧,先上代碼

@Override
public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
    dY = getLimitedDy(recyclerView, viewHolder, dY);
    super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
}
/**
 * 根據(jù)方向和條件獲取限制在RecyclerView內(nèi)部的DY值
 *
 * @param recyclerView 列表
 * @param viewHolder   drag的ViewHolder
 * @param dY           限制前的DY值
 * @return 限制后的DY值
 */
private float getLimitedDy(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dY) {
    RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
    if (!(layoutManager instanceof LinearLayoutManager)
            || ((LinearLayoutManager) layoutManager).getOrientation() != OrientationHelper.VERTICAL) {
        return dY;
    }
    int position = viewHolder.getLayoutPosition();
    mDragEndPosition = mDragEndPositionFlag ?
            mDragStartPosition : recyclerView.getAdapter().getItemCount() - 1;
    if (position == mDragStartPosition) {
        return dY < 0 ? 0 : dY;
    } else if (position == mDragEndPosition) {
        return dY > 0 ? 0 : dY;
    }
    return dY;
}

方法onChildDraw會在Drag的ViewHolder移動的時(shí)候使用识樱,參數(shù)dX嗤无,dY表示當(dāng)前View和相鄰的ViewHolder在X,Y方向上的位移差怜庸,根據(jù)Y軸的移動方向判斷下個(gè)ViewHolder是否參與交換当犯,如果不參與,則dY返回0割疾,ViewHolder就不會像下個(gè)位置繪制了嚎卫。同時(shí)根據(jù)這個(gè)原理加入了限制移動的開始和結(jié)束位置的接口

private int mDragStartPosition; //能夠拖拽的開始位置

/**
 * 設(shè)置拖拽開始位置
 *
 * @param dragStartPosition 開始位置
 */
public void setDragStartPosition(int dragStartPosition) {
    mDragStartPosition = dragStartPosition;
}

private int mDragEndPosition; //能夠拖拽的結(jié)束位置
private boolean mDragEndPositionFlag; //是否設(shè)置了拖拽結(jié)束位置

/**
 * 設(shè)置拖拽結(jié)束的位置
 *
 * @param dragEndPosition 結(jié)束位置
 */
public void setDragEndPosition(int dragEndPosition) {
    mDragEndPositionFlag = true;
    mDragEndPosition = dragEndPosition;
}

一般HeaderViewFooterView是不能移動的,但是在RecyclerView是沒有這個(gè)概念的宏榕,有了上面這個(gè)接口就可以將HeaderViewFooterView限制在可移動的位置之外

至此所有問題完美解決拓诸,最后附上全部代碼

public interface ItemMoveHelperApi { 
   /**
     * Item 切換位置
     *
     * @param fromPosition 開始位置
     * @param toPosition   結(jié)束位置
     */
    void onItemMoved(int fromPosition, int toPosition);

   /**
    * 開始移動
    */
   void onMoveStart();

   /**
    * 停止移動
    */
   void onMoveEnd();
}
public class ItemMoveCallBackImpl extends ItemTouchHelper.Callback {

    private ItemMoveHelperApi mHelperApi;//移動API的回調(diào)接口

    private boolean mDragEnabled = true; //是否能夠通過長按切換位置

    private int mDragStartPosition; //能夠拖拽的開始位置

    private int mDragEndPosition; //能夠拖拽的結(jié)束位置

    private boolean mDragEndPositionFlag; //是否設(shè)置了拖拽結(jié)束位置

    public ItemMoveCallBackImpl(ItemMoveHelperApi helperApi) {
        this.mHelperApi = helperApi;
    }

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

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

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

    @Override
    public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
        if (mHelperApi != null) {
            mHelperApi.onItemMoved(viewHolder.getAdapterPosition(), target.getAdapterPosition());
        }
        return true;
    }

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

   @Override
   public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
       if (mHelperApi == null) {
           super.onSelectedChanged(viewHolder, actionState);
           return;
       }
       if (viewHolder == null) {
           mHelperApi.onMoveEnd();
       } else {
           mHelperApi.onMoveStart();
       }
       super.onSelectedChanged(viewHolder, actionState);
   }

   @Override
   public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
       dY = getLimitedDy(recyclerView, viewHolder, dY);
       super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
   }
   /**
    * 根據(jù)方向和條件獲取限制在RecyclerView內(nèi)部的DY值
    *
    * @param recyclerView 列表
    * @param viewHolder   drag的ViewHolder
    * @param dY           限制前的DY值
    * @return 限制后的DY值
    */
   private float getLimitedDy(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dY) {
    RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
       if (!(layoutManager instanceof LinearLayoutManager)
               || ((LinearLayoutManager) layoutManager).getOrientation() != OrientationHelper.VERTICAL) {
           return dY;
       }
       int position = viewHolder.getLayoutPosition();
       mDragEndPosition = mDragEndPositionFlag ?
               mDragStartPosition : recyclerView.getAdapter().getItemCount() - 1;
       if (position == mDragStartPosition) {
           return dY < 0 ? 0 : dY;
       } else if (position == mDragEndPosition) {
           return dY > 0 ? 0 : dY;
       }
       return dY;
   }
   /**
    * 設(shè)置能否拖拽
    *
    * @param dragEnabled 拖拽標(biāo)記
    */
   public void setDragEnabled(boolean dragEnabled) {
       mDragEnabled = dragEnabled;
   }
   /**
    * 設(shè)置拖拽開始位置
    *
    * @param dragStartPosition 開始位置
    */
   public void setDragStartPosition(int dragStartPosition) {
       mDragStartPosition = dragStartPosition;
   }
   /**
    * 設(shè)置拖拽結(jié)束的位置
    *
    * @param dragEndPosition 結(jié)束位置
    */
   public void setDragEndPosition(int dragEndPosition) {
       mDragEndPositionFlag = true;
       mDragEndPosition = dragEndPosition;
   }
   /**
    * 清除固定結(jié)束位置的標(biāo)記
    */
   public void clearDragEndPosition() {
       mDragEndPositionFlag = false;
   }
}


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市担扑,隨后出現(xiàn)的幾起案子恰响,更是在濱河造成了極大的恐慌,老刑警劉巖涌献,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件胚宦,死亡現(xiàn)場離奇詭異,居然都是意外死亡燕垃,警方通過查閱死者的電腦和手機(jī)枢劝,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來卜壕,“玉大人您旁,你說我怎么就攤上這事≈嵘樱” “怎么了鹤盒?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長侦副。 經(jīng)常有香客問我侦锯,道長,這世上最難降的妖魔是什么秦驯? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任尺碰,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘亲桥。我一直安慰自己洛心,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布题篷。 她就那樣靜靜地躺著词身,像睡著了一般。 火紅的嫁衣襯著肌膚如雪番枚。 梳的紋絲不亂的頭發(fā)上偿枕,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天,我揣著相機(jī)與錄音户辫,去河邊找鬼。 笑死嗤锉,一個(gè)胖子當(dāng)著我的面吹牛渔欢,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播瘟忱,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼奥额,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了访诱?” 一聲冷哼從身側(cè)響起垫挨,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎触菜,沒想到半個(gè)月后九榔,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡涡相,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年哲泊,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片催蝗。...
    茶點(diǎn)故事閱讀 40,865評論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡切威,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出丙号,到底是詐尸還是另有隱情先朦,我是刑警寧澤,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布犬缨,位于F島的核電站喳魏,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏遍尺。R本人自食惡果不足惜截酷,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧迂苛,春花似錦三热、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至念搬,卻和暖如春抑堡,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背朗徊。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工首妖, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人爷恳。 一個(gè)月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓有缆,卻偏偏與公主長得像,于是被迫代替她去往敵國和親温亲。 傳聞我的和親對象是個(gè)殘疾皇子棚壁,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,870評論 2 361

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