Welcome

首页 / 移动开发 / 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) {//根据坐标获得viewView view = findChildViewUnder(x, y);if (view == null) {return false;}//获得这个view的ViewHolderRVAdapter.Holder holder = (RVAdapter.Holder) getChildViewHolder(view);//获得这个view的positionmPosition = holder.getAdapterPosition();//获得这个view的整个布局mItemLayout = holder.llLayout;//获得这个view的删除按钮tvDelete = holder.tvDelete;//这个view的整个置顶按钮tvTop = holder.tvTop;//两个按钮的宽度mMaxLength = tvDelete.getWidth() + tvTop.getWidth();//设置删除按钮点击监听tvDelete.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View view) {mItemLayout.scrollTo(0, 0);mMenuState =MENU_CLOSED;mListener.OnItemDelete(mPosition);}});//设置置顶按钮点击监听tvTop.setOnClickListener(new OnClickListener() {@Overridepublic 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;//当前滑动的xint 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是否在上下滑动
 @Overridepublic void onScrollStateChanged(int state) {super.onScrollStateChanged(state);//是否在上下滑动isDragging = state == SCROLL_STATE_DRAGGING;}
还要设置Listener
//设置Listenerpublic 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() {//点击@Overridepublic void OnItemClick(int position) {Toast.makeText(MainActivity.this,"Click"+position,Toast.LENGTH_SHORT).show();}//置顶@Overridepublic void OnItemTop(int position) {//获得当前位置的内容String temp =list.get(position);//移除这个itemlist.remove(position);//把它添加到第一个list.addFirst(temp);//更新数据源adapter.notifyDataSetChanged();}//删除@Overridepublic void OnItemDelete(int position) {list.remove(position);//更新数据源adapter.notifyDataSetChanged();}});
Adapter和布局的代码太简单我就不放出来了,大家可以到源码里看看有什么
效果图


源码地址:https://github.com/jkgeekJack/SlideLeftMenuRecyclerView
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。