Android仿QQ列表左滑刪除操作
最近學習了如何做一個像QQ的左滑RecyclerView的item顯示選項的,主要是用到Scroller
我們首先新建一個自己的RecyclerView
定義好一些要用的的變量
重寫構(gòu)造方法,把前兩個構(gòu)造方法改為如下,使無論如何構(gòu)造都要執(zhí)行第三個構(gòu)造方法
在第三個構(gòu)造方法里初始化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; //左滑菜單狀態(tài) 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; //實現(xiàn)彈性滑動,恢復 private Scroller mScroller; //item的事件監(jiān)聽 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) { //根據(jù)坐標獲得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(); //設置刪除按鈕點擊監(jiān)聽 tvDelete.setOnClickListener(new OnClickListener() { @Override public void onClick(View view) { mItemLayout.scrollTo(0, 0); mMenuState =MENU_CLOSED; mListener.OnItemDelete(mPosition); } }); //設置置頂按鈕點擊監(jiān)聽 tvTop.setOnClickListener(new OnClickListener() { @Override public void onClick(View view) { mItemLayout.scrollTo(0, 0); mMenuState =MENU_CLOSED; mListener.OnItemTop(mPosition); } }); //如果是打開狀態(tài),點擊其他就把當前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; } //知道我們?yōu)槭裁床恢苯影裮MenuState賦值為MENU_OPEN或者MENU_CLOSED嗎?因為滑動時有時間的,我們可以在滑動完成時才把狀態(tài)改為已經(jīng)完成 mScroller.startScroll(upScrollx, 0, deltaX, 0, 200); isStartScroll = true; //刷新界面 invalidate(); break;
之后還要在onTouchEvent方法里刷新坐標
//只有更新mLastX,mLastY數(shù)據(jù)才會準確 mLastX = x; mLastY = y; return super.onTouchEvent(e);
因為我們用到了startScroll所以要重寫computeScroll方法
public void computeScroll() { //判斷scroller是否完成滑動 if (mScroller.computeScrollOffset()) { mItemLayout.scrollTo(mScroller.getCurrX(), mScroller.getCurrY()); //這個很重要 invalidate(); //如果已經(jīng)完成就改變狀態(tài) } else if (isStartScroll) { isStartScroll = false; if (mMenuState == MENU_WILL_CLOSED) { mMenuState = MENU_CLOSED; } if (mMenuState == MENU_WILL_OPEN) { mMenuState = MENU_OPEN; } } }
**還要監(jiān)聽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里的回調(diào)
這里只展示回調(diào)實現(xiàn)部分,我這里用的List是LinkedList,可以在第一位添加數(shù)據(jù)
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) { //獲得當前位置的內(nèi)容 String temp =list.get(position); //移除這個item list.remove(position); //把它添加到第一個 list.addFirst(temp); //更新數(shù)據(jù)源 adapter.notifyDataSetChanged(); } //刪除 @Override public void OnItemDelete(int position) { list.remove(position); //更新數(shù)據(jù)源 adapter.notifyDataSetChanged(); } });
Adapter和布局的代碼太簡單我就不放出來了,大家可以到源碼里看看有什么
效果圖
源碼地址:https://github.com/jkgeekJack/SlideLeftMenuRecyclerView
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
- Android高仿QQ6.0側(cè)滑刪除實例代碼
- 詳解Android中實現(xiàn)ListView左右滑動刪除條目的方法
- android RecyclerView側(cè)滑菜單,滑動刪除,長按拖拽,下拉刷新上拉加載
- Android仿微信滑動彈出編輯、刪除菜單效果、增加下拉刷新功能
- Android實現(xiàn)左滑刪除列表功能
- Android 實現(xiàn)左滑出現(xiàn)刪除選項
- Android使用CardView作為RecyclerView的Item并實現(xiàn)拖拽和左滑刪除
- Android 滑動監(jiān)聽RecyclerView線性流+左右劃刪除+上下移動
- Android開發(fā)中模仿qq列表信息滑動刪除功能
- Android?Recyclerview實現(xiàn)左滑刪除功能
相關文章
Android利用Palette實現(xiàn)提取圖片顏色
Palette是一個類似調(diào)色板的工具類,根據(jù)傳入的bitmap,提取出主體顏色,使得圖片和顏色更加搭配,界面更協(xié)調(diào)。本文將詳解如何利用Palette實現(xiàn)提取圖片顏色,需要的可以參考一下2022-03-03解決Android Studio突然不顯示logcat日志的問題
這篇文章主要介紹了解決Android Studio突然不顯示logcat日志的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-04-04