简单记录一下常用的拖曳排序和滑动删除的实现。
ItemTouchHelper
主要就要使用到 ItemTouchHelper，它能帮助开发人员处理拖拽和滑动删除的实现类，它能够让你非常容易实现侧滑删除、拖拽的功能。
/**
* Creates an ItemTouchHelper that will work with the given Callback.
* <p>
* You can attach ItemTouchHelper to a RecyclerView via
* {@link #attachToRecyclerView(RecyclerView)}. Upon attaching, it will add an item decoration,
* an onItemTouchListener and a Child attach / detach listener to the RecyclerView.
*
* @param callback The Callback which controls the behavior of this touch helper.
*/
public ItemTouchHelper(Callback callback) {
mCallback = callback;
}
由注释可以知道，他可以通过 attachToRecyclerView 和RecycleView 关联，通过回调来控制 itme 的行为的意思。
那么我们就需要来实例化一下
ItemTouchHelper itemTouchHelper = new ItemTouchHelper(new 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) {
}
});
侧滑：
@Override
public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
// ItemTouchHelper.RIGHT ，顾名思义 就是可以右滑，下面的意思都一样。
int swiped = ItemTouchHelper.RIGHT | ItemTouchHelper.LEFT;
//第一个参数拖动，第二个删除侧滑
return makeMovementFlags(0, swiped);
}
这样 设置就已经能侧滑删除，但是数据是不会顶替上去有改变的，而且选中的 item 也是没有高亮的
想要在 拖动和侧滑当中 选中的 Item 会高亮 就要重写下面这个方法。
GIF1.gif
高亮：
@Override
public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
if (actionState!=ItemTouchHelper.ACTION_STATE_IDLE){
viewHolder.itemView.setBackgroundColor(Color.parseColor("#303F9F"));
}
}
//actionState!=ItemTouchHelper.ACTION_STATE_IDLE 这句话的意思 判断 item 是否是处于闲置状态，就是有没有被你 拖动，侧滑。
然后在回收的时候,把颜色设置成默认的
@Override
public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
super.clearView(recyclerView, viewHolder);
viewHolder.itemView.setBackgroundColor(Color.TRANSPARENT);
}
GIF2.gif
写完上的时候直接运行时会，选中高亮，但是发现我们的数据还是没有顶上去，为什么呢，因为我们没有在移除的时候去处理数据。
处理滑动后的数据：其实很简单，只要移除一下数据和，更新一下就好了
处理侧滑：
@Override
public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
int position = viewHolder.getAdapterPosition();
mdatas.remove(position);
myAdapter.notifyItemRemoved(position);
}
最后的滑动删除的结果：
GIF3.gif
拖动：
上面提到过，拖动和侧滑的回调的设置都是在同一个方法里的：
@Override
public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
int swiped = ItemTouchHelper.RIGHT | ItemTouchHelper.LEFT;
int dragFlags = 0;
//这里为什么要这么写？因为在 线性布局的时候一般是不需要刻意左右拖动
//所以在这里需要判断一下，是不是网格布局。是的话就可以上下左右一起拖动。
if (recyclerView.getLayoutManager() instanceof GridLayoutManager) {
dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.RIGHT | ItemTouchHelper.LEFT;
}else {
dragFlags= ItemTouchHelper.UP | ItemTouchHelper.DOWN;
}
//第一个参数拖动，第二个删除侧滑
return makeMovementFlags(dragFlags, swiped);
}
这样设置后就可以拖动了，但是还没处理拖动的回调所以拖动松开是会回到原来的位置的：
GIF4.gif
拖动处理：
上面也提到了在拖动的时候回一直回调一个方法
//在拖动的过程中不断的回掉
@Override
public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
int oldPosition = viewHolder.getAdapterPosition();
int newPosition = target.getAdapterPosition();
if (oldPosition < newPosition) {
for (int i = oldPosition; i < newPosition; i++) {
// 改变实际的数据集
Collections.swap(mdatas, i, i +1);
}
} else {
for (int i = oldPosition; i > newPosition; i--) {
// 改变实际的数据集
Collections.swap(mdatas, i, i - 1);
}
}
myAdapter.notifyItemMoved(oldPosition, newPosition);
return true;
}
处理完后就是：
GIF6.gif
tip: 最后别忘记 itemTouchHelper.attachToRecyclerView(mRecyclerView); 需要关联 RecyclerView
全部代码：
ItemTouchHelper itemTouchHelper = new ItemTouchHelper(new ItemTouchHelper.Callback(){
@Override
public int getMovementFlags(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
int swiped = ItemTouchHelper.RIGHT | ItemTouchHelper.LEFT;
int dragFlags = 0;
if (recyclerView.getLayoutManager() instanceof GridLayoutManager) {
dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN | ItemTouchHelper.RIGHT | ItemTouchHelper.LEFT;
}else {
dragFlags= ItemTouchHelper.UP | ItemTouchHelper.DOWN;
}
//第一个参数拖动，第二个删除侧滑
return makeMovementFlags(dragFlags, swiped);
}
@Override
public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
int oldPosition = viewHolder.getAdapterPosition();
int newPosition = target.getAdapterPosition();
if (oldPosition < newPosition) {
for (int i = oldPosition; i < newPosition; i++) {
// 改变实际的数据集
Collections.swap(mdatas, i, i +1);
}
} else {
for (int i = oldPosition; i > newPosition; i--) {
// 改变实际的数据集
Collections.swap(mdatas, i, i - 1);
}
}
myAdapter.notifyItemMoved(oldPosition, newPosition);
return true;
}
@Override
public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
int position = viewHolder.getAdapterPosition();
mdatas.remove(position);
myAdapter.notifyItemRemoved(position);
}
@Override
public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) {
if (actionState!=ItemTouchHelper.ACTION_STATE_IDLE){
viewHolder.itemView.setBackgroundColor(Color.parseColor("#303F9F"));
}
}
@Override
public void clearView(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {
super.clearView(recyclerView, viewHolder);
viewHolder.itemView.setBackgroundColor(Color.TRANSPARENT);
}
});
itemTouchHelper.attachToRecyclerView(mRecyclerView);
网友评论