編輯:關於Android編程
最近學習了如何做一個像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
一開始肯定要獲取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
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持本站。
新聞客戶端需要的 布局文件 新聞主界面 側滑菜單界面 圖片新聞界面 視頻列表界面 天氣預報界面 新聞詳情界面 以上幾個界面是項目所需要的核心界面,布局擺放
什麼是MVP?View層主要是用於展示數據並對用戶行為做出反饋。在Android平台上,他可以對應為Activity, Fragment,View
通過這片文章可以回答以下兩個問題1、為啥EventBus的事件處理方法必須申明為Public?但是我用protected也是OK的2、粘性事件的原理,為啥發送多次Even
一、實現效果圖關於貝塞爾曲線 二、實現代碼1.自定義viewpackage com.czhappy.showintroduce.view;import android.c