最近学习了如何做一个像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和布局的代码太简单我就不放出来了，大家可以到源码里看看有什么
效果图
源码地址：https://github.com/jkgeekJack/SlideLeftMenuRecyclerView
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。