android 自定义 滑动删除,Android仿QQ列表左滑删除操作

最近学习了如何做一个像QQ的左滑RecyclerView的item显示选项的，主要是用到Scroller

我们首先新建一个自己的RecyclerView

定义好一些要用的的变量

重写构造方法，把前两个构造方法改为如下，使无论如何构造都要执行第三个构造方法

在第三个构造方法里初始化Scroller

public class LeftSwipeMenuRecyclerView extends RecyclerView {

//置顶按钮

private TextView tvTop;

//删除按钮

private TextView tvDelete;

//item相应的布局

private LinearLayout mItemLayout;

//菜单的最大宽度

private int mMaxLength;

//上一次触摸行为的x坐标

private int mLastX;

//上一次触摸行为的y坐标

private int mLastY;

//当前触摸的item的位置

private int mPosition;

//是否在垂直滑动列表

private boolean isDragging;

//item是在否跟随手指移动

private boolean isItemMoving;

//item是否开始自动滑动

private boolean isStartScroll;

//左滑菜单状态 0：关闭 1：将要关闭 2：将要打开 3：打开

private int mMenuState;

private static int MENU_CLOSED = 0;

private static int MENU_WILL_CLOSED = 1;

private static int MENU_OPEN = 2;

private static int MENU_WILL_OPEN = 3;

//实现弹性滑动，恢复

private Scroller mScroller;

//item的事件监听

private OnItemActionListener mListener;

public LeftSwipeMenuRecyclerView(Context context) {

this(context, null);

}

public LeftSwipeMenuRecyclerView(Context context, @Nullable AttributeSet attrs) {

this(context, attrs, 0);

}

public LeftSwipeMenuRecyclerView(Context context, @Nullable AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

mScroller = new Scroller(context, new LinearInterpolator());

}

重写onTouchEvent方法

event主要有以下几个Action

ACTION_DOWN 手指接触到屏幕

ACTION_MOVE 手指在屏幕滑动

ACTION_UP 手指离开屏幕

一开始肯定要获取x和y的相对坐标

int x= (int) event.getX();

int y= (int) event.getY();

然后接下来分别处理3个不同的行为

1.ACTION_DOWN

case MotionEvent.ACTION_DOWN:

if (mMenuState == MENU_CLOSED) {

//根据坐标获得view

View view = findChildViewUnder(x, y);

if (view == null) {

return false;

}

//获得这个view的ViewHolder

RVAdapter.Holder holder = (RVAdapter.Holder) getChildViewHolder(view);

//获得这个view的position

mPosition = holder.getAdapterPosition();

//获得这个view的整个布局

mItemLayout = holder.llLayout;

//获得这个view的删除按钮

tvDelete = holder.tvDelete;

//这个view的整个置顶按钮

tvTop = holder.tvTop;

//两个按钮的宽度

mMaxLength = tvDelete.getWidth() + tvTop.getWidth();

//设置删除按钮点击监听

tvDelete.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View view) {

mItemLayout.scrollTo(0, 0);

mMenuState =MENU_CLOSED;

mListener.OnItemDelete(mPosition);

}

});

//设置置顶按钮点击监听

tvTop.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View view) {

mItemLayout.scrollTo(0, 0);

mMenuState =MENU_CLOSED;

mListener.OnItemTop(mPosition);

}

});

//如果是打开状态，点击其他就把当前menu关闭掉

} else if (mMenuState == MENU_OPEN) {

mScroller.startScroll(mItemLayout.getScrollX(), 0, -mMaxLength, 0, 200);

invalidate();

mMenuState = MENU_CLOSED;

//该点击无效

return false;

} else {

return false;

}

break;

2.ACTION_MOVE

case MotionEvent.ACTION_MOVE:

//计算偏移量

int dx = mLastX - x;

int dy = mLastY - y;

//当前滑动的x

int scrollx = mItemLayout.getScrollX();

if (Math.abs(dx) > Math.abs(dy)) {

isItemMoving = true;

//超出左边界则始终保持不动

if (scrollx + dx <= 0) {

mItemLayout.scrollTo(0, 0);

//滑动无效

return false;

//超出右边界则始终保持不动

} else if (scrollx + dx >= mMaxLength) {

mItemLayout.scrollTo(mMaxLength, 0);

//滑动无效

return false;

}

//菜单随着手指移动

mItemLayout.scrollBy(dx, 0);

//如果水平移动距离大于30像素的话，recyclerView不会上下滑动

}else if (Math.abs(dx) > 30){

return true;

}

//如果菜单正在打开就不能上下滑动

if (isItemMoving){

mLastX = x;

mLastY = y;

return true;

}

break;

3.ACTION_UP

case MotionEvent.ACTION_UP:

//手指抬起时判断是否点击,静止且有Listener才能点击

if (!isItemMoving && !isDragging && mListener != null) {

mListener.OnItemClick(mPosition);

}

isItemMoving = false;

//等一下要移动的距离

int deltaX = 0;

int upScrollx = mItemLayout.getScrollX();

//滑动距离大于1/2menu长度就自动展开，否则就关掉

if (upScrollx >= mMaxLength / 2) {

deltaX = mMaxLength - upScrollx;

mMenuState = MENU_WILL_OPEN;

} else if (upScrollx < mMaxLength / 2) {

deltaX = -upScrollx;

mMenuState = MENU_WILL_CLOSED;

}

//知道我们为什么不直接把mMenuState赋值为MENU_OPEN或者MENU_CLOSED吗？因为滑动时有时间的，我们可以在滑动完成时才把状态改为已经完成

mScroller.startScroll(upScrollx, 0, deltaX, 0, 200);

isStartScroll = true;

//刷新界面

invalidate();

break;

之后还要在onTouchEvent方法里刷新坐标

//只有更新mLastX，mLastY数据才会准确

mLastX = x;

mLastY = y;

return super.onTouchEvent(e);

因为我们用到了startScroll所以要重写computeScroll方法

public void computeScroll() {

//判断scroller是否完成滑动

if (mScroller.computeScrollOffset()) {

mItemLayout.scrollTo(mScroller.getCurrX(), mScroller.getCurrY());

//这个很重要

invalidate();

//如果已经完成就改变状态

} else if (isStartScroll) {

isStartScroll = false;

if (mMenuState == MENU_WILL_CLOSED) {

mMenuState = MENU_CLOSED;

}

if (mMenuState == MENU_WILL_OPEN) {

mMenuState = MENU_OPEN;

}

}

}

**还要监听RecyclerView是否在上下滑动

@Override

public void onScrollStateChanged(int state) {

super.onScrollStateChanged(state);

//是否在上下滑动

isDragging = state == SCROLL_STATE_DRAGGING;

}

还要设置Listener

//设置Listener

public void setOnItemActionListener(OnItemActionListener onItemActionListener) {

this.mListener = onItemActionListener;

}

这个Listener是要自己新建的

public interface OnItemActionListener {

void OnItemClick(int position);

void OnItemTop(int position);

void OnItemDelete(int position);

}

最后是点击，置顶，删除在Activity里的回调

这里只展示回调实现部分，我这里用的List是LinkedList，可以在第一位添加数据

rv.setOnItemActionListener(new OnItemActionListener() {

//点击

@Override

public void OnItemClick(int position) {

Toast.makeText(MainActivity.this,"Click"+position,Toast.LENGTH_SHORT).show();

}

//置顶

@Override

public void OnItemTop(int position) {

//获得当前位置的内容

String temp =list.get(position);

//移除这个item

list.remove(position);

//把它添加到第一个

list.addFirst(temp);

//更新数据源

adapter.notifyDataSetChanged();

}

//删除

@Override

public void OnItemDelete(int position) {

list.remove(position);

//更新数据源

adapter.notifyDataSetChanged();

}

});

Adapter和布局的代码太简单我就不放出来了，大家可以到源码里看看有什么

效果图

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。