首页 > 系统 > Android > 正文

Android仿QQ列表左滑删除操作

2019-12-12 04:20:22
字体:
来源:转载
供稿:网友

最近学习了如何做一个像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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表