Android高仿QQ6.0側(cè)滑刪除實(shí)例代碼
更新時間：2016年02月04日 14:39:18 作者：若蘭明月
先給大家分享一下，側(cè)滑刪除，布局也就是前面一個item，然后有兩個隱藏的按鈕（TextView也可以），然后我們可以向左側(cè)滑動，然后顯示出來，然后對delete（刪除鍵）實(shí)現(xiàn)監(jiān)聽，就可以了哈。好了那就來看看代碼怎么實(shí)現(xiàn)的吧
推薦閱讀：
先給大家分享一下，側(cè)滑刪除，布局也就是前面一個item，然后有兩個隱藏的按鈕（TextView也可以），然后我們可以向左側(cè)滑動，然后顯示出來，然后對delete（刪除鍵）實(shí)現(xiàn)監(jiān)聽，就可以了哈。好了那就來看看代碼怎么實(shí)現(xiàn)的吧。
首先和之前一樣
自定義View，初始化ViewDragHelper：
package com.example.removesidepull;
import android.content.Context;
import android.support.v4.widget.ViewDragHelper;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.FrameLayout;
/**
* Created by 若蘭 on 2016/2/2.
* 一個懂得了編程樂趣的小白，希望自己
* 能夠在這個道路上走的很遠(yuǎn)，也希望自己學(xué)習(xí)到的
* 知識可以幫助更多的人,分享就是學(xué)習(xí)的一種樂趣
* QQ:1069584784
* csdn:http://blog.csdn.net/wuyinlei
*/
public class SwipeLayout extends FrameLayout {
private ViewDragHelper mDragHelper;
public SwipeLayout(Context context) {
this(context, null);
}
public SwipeLayout(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public SwipeLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
//第一步 初始化ViewDragHelper
mDragHelper = ViewDragHelper.create(this, mCallback);
}
ViewDragHelper.Callback mCallback = new ViewDragHelper.Callback() {
@Override
public boolean tryCaptureView(View child, int pointerId) {
//返回true
return true;
}
};
}
然后我們就要去處理攔截事件也就是重寫一些onInterceptTouchEvent和onTouchEvent方法，默認(rèn)是不攔截的：
/**
* 傳遞觸摸事件
*
* @param ev
* @return
*/
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
//交給ViewDragHelper判斷是否去攔截事件
return mDragHelper.shouldInterceptTouchEvent(ev);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
try {
mDragHelper.processTouchEvent(event);
} catch (Exception e) {
e.printStackTrace();
}
//返回true，這里表示去攔截事件
return true;
}
然后我們?nèi)ブ貙懸幌耉iewDragHelper里面的clampViewPositionHorizontal方法：
@Override
public int clampViewPositionHorizontal(View child, int left, int dx) {
return left;
}
好了這個時候，就已經(jīng)可以實(shí)現(xiàn)滑動了，我們先來看下結(jié)果:
這里我們可以看到，已經(jīng)可以滑動了，好了接下來的就是要處理滑動事件，去放置到正確的地方（call me 和刪除剛開始不能見，還有只能左滑顯示，右滑隱藏）。
好了，我們先獲取兩個View吧：
/**
* 當(dāng)xml填充完畢的時候
*/
@Override
protected void onFinishInflate() {
super.onFinishInflate();
/**
* 后view
*/
mBackView = getChildAt(0);
/**
* 前view
*/
mFrontView = getChildAt(1);
}
獲取想要的寬和高：
/**
* 在這里獲取寬和高
*
* @param w
* @param h
* @param oldw
* @param oldh
*/
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
/**
* 高度
*/
mHeight = mFrontView.getMeasuredHeight();
/**
* 寬度
*/
mWidth = mFrontView.getMeasuredWidth();
/**
* 移動距離
*/
mRange = mBackView.getMeasuredWidth();
}
擺放這兩個view的位置：
/**
* 擺放位置
* @param changed
* @param left
* @param top
* @param right
* @param bottom
*/
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
layoutContent(false);
}
private void layoutContent(boolean isOpen) {
//擺放前view
Rect frontRect = computeFrontViewRect(isOpen);
mFrontView.layout(frontRect.left, frontRect.top, frontRect.right, frontRect.bottom);
//擺放后view
Rect backRect = computeBackViewRect(frontRect);
mBackView.layout(backRect.left,backRect.top,backRect.right,backRect.bottom);
//前置前view
bringChildToFront(mFrontView);
}
/**
* 我們可以把前view相當(dāng)于一個矩形
*
* @param frontRect
* @return
*/
private Rect computeBackViewRect(Rect frontRect) {
int left = frontRect.right;
return new Rect(left, 0, left + mRange, 0 + mHeight);
}
private Rect computeFrontViewRect(boolean isOpen) {
int left = 0;
if (isOpen) {
left = -mRange;
}
return new Rect(left, 0, left + mWidth, 0 + mHeight);
}
當(dāng)然這個實(shí)現(xiàn)，只是可以拖拽了前view，因?yàn)槲覀儧]有把改變的dx傳遞下去，好了來實(shí)現(xiàn)拖拽前view的時候，后view也跟著出來（ViewDragHelper里面的方法）：
/**
* 當(dāng)view位置改變的時候
* @param changedView 改變的view
* @param left
* @param top
* @param dx x軸偏移量
* @param dy
*/
@Override
public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) {
super.onViewPositionChanged(changedView, left, top, dx, dy);
//傳遞事件，如果是拖拽的前view，
if (changedView == mFrontView){
//Offset this view's horizontal location by the specified amount of pixels.
//也就是說我的我的前view左滑了dx，那么我的后view也是左滑dx，右滑同理
mBackView.offsetLeftAndRight(dx);
} else if (changedView == mBackView){
//拖拽的是后view的話，前View的處理方式一樣
mFrontView.offsetLeftAndRight(dx);
}
//兼容老版本
invalidate();
}
好了這個時候我們來看下效果：
是不是發(fā)現(xiàn)了問題，就是我的前view想要的結(jié)果是不能右滑的（只允許左滑和返回），那么接下來就實(shí)現(xiàn)這個想要的結(jié)果吧。以下的代碼是在clampViewPositionHorizontal（）方法里面：
//在這里處理放置的邏輯拖拽的前view
if (child == mFrontView) {
if (left > 0) {
return 0;
} else if (left < -mRange) {
return -mRange;
}
}//拖拽的后view
else if (child == mBackView) {
if (left > mWidth) {
return mWidth;
} else if (left < mWidth - mRange) {
return mWidth - mRange;
}
}
看下效果圖：
好了，這個時候已經(jīng)基本實(shí)現(xiàn)了，接下來實(shí)現(xiàn)以下滑動的距離和速度【判斷是否打開和關(guān)閉：
/**
* 拖拽的view釋放的時候
*
* @param releasedChild
* @param xvel
* @param yvel
*/
@Override
public void onViewReleased(View releasedChild, float xvel, float yvel) {
if (xvel == 0 && mFrontView.getLeft() < -mRange / 2.0f) {
open();
} else if (xvel < 0) {
open();
} else {
close();
}
}
/**
* 關(guān)閉
*/
public void close() {
Utils.showToast(getContext(), "close");
layoutContent(false);
}
//打開
public void open() {
//Utils.showToast(getContext(), "open");
layoutContent(true);
}
好了，接下來實(shí)現(xiàn)以下平滑的關(guān)閉和打開：
public void close() {
close(true);
}
/**
* 關(guān)閉
*
* @param isSmooth
*/
public void close(boolean isSmooth) {
int finalLeft = 0;
if (isSmooth) {
//開始動畫 如果返回true表示沒有完成動畫
if (mDragHelper.smoothSlideViewTo(mFrontView, finalLeft, 0)) {
ViewCompat.postInvalidateOnAnimation(this);
}
} else {
layoutContent(false);
}
}
public void open() {
open(true);
}
/**
* 打開
*
* @param isSmooth
*/
public void open(boolean isSmooth) {
int finalLeft = -mRange;
if (isSmooth) {
//開始動畫
if (mDragHelper.smoothSlideViewTo(mFrontView, finalLeft, 0)) {
ViewCompat.postInvalidateOnAnimation(this);
}
} else {
layoutContent(true);
}
}
/**
* 持續(xù)動畫
*/
@Override
public void computeScroll() {
super.computeScroll();
//這個是固定的
if (mDragHelper.continueSettling(true)) {
ViewCompat.postInvalidateOnAnimation(this);
}
}
我們看下最終的效果吧：
好了，在這里我們加上一些回調(diào)，以方便外部使用的時候可以回調(diào)：
/**
* 默認(rèn)狀態(tài)是關(guān)閉
*/
private Status status = Status.Close;
private OnSwipeLayoutListener swipeLayoutListener;
public Status getStatus() {
return status;
}
public void setStatus(Status status) {
this.status = status;
}
public OnSwipeLayoutListener getSwipeLayoutListener() {
return swipeLayoutListener;
}
public void setSwipeLayoutListener(OnSwipeLayoutListener swipeLayoutListener) {
this.swipeLayoutListener = swipeLayoutListener;
}
/**
* 定義三種狀態(tài)
*/
public enum Status {
Close, Open, Draging
}
/**
* 定義回調(diào)接口 這個在我們
*/
public interface OnSwipeLayoutListener {
/**
* 關(guān)閉
*
* @param mSwipeLayout
*/
void onClose(SwipeLayout mSwipeLayout);
/**
* 打開
*
* @param mSwipeLayout
*/
void onOpen(SwipeLayout mSwipeLayout);
/**
* 繪制
*
* @param mSwipeLayout
*/
void onDraging(SwipeLayout mSwipeLayout);
/**
* 要去關(guān)閉
*/
void onStartClose(SwipeLayout mSwipeLayout);
/**
* 要去開啟
*/
void onStartOpen(SwipeLayout mSwipeLayout);
}
dispatchSwipeEvent（）方法（在onViewPositionChanged（）方法中調(diào)用）
protected void dispatchSwipeEvent() {
//判斷是否為空
if (swipeLayoutListener != null) {
swipeLayoutListener.onDraging(this);
}
// 記錄上一次的狀態(tài)
Status preStatus = status;
// 更新當(dāng)前狀態(tài)
status = updateStatus();
if (preStatus != status && swipeLayoutListener != null) {
if (status == Status.Close) {
swipeLayoutListener.onClose(this);
} else if (status == Status.Open) {
swipeLayoutListener.onOpen(this);
} else if (status == Status.Draging) {
if (preStatus == Status.Close) {
swipeLayoutListener.onStartOpen(this);
} else if (preStatus == Status.Open) {
swipeLayoutListener.onStartClose(this);
}
}
}
}
updateStatus（）方法：
/**
* 更新狀態(tài)
*
* @return
*/
private Status updateStatus() {
//得到前view的左邊位置
int left = mFrontView.getLeft();
if (left == 0) {
//如果位置是0，就是關(guān)閉狀態(tài)
return Status.Close;
} else if (left == -mRange) {
//如果左側(cè)邊距是后view的寬度的負(fù)值，狀態(tài)為開
return Status.Open;
}
//其他狀態(tài)就是拖拽
return Status.Draging;
}
好了，事件基本上已經(jīng)實(shí)現(xiàn)完畢了，這個側(cè)拉刪除的我會更新至我的項(xiàng)目中，同時希望Android高仿QQ6.0側(cè)滑刪除實(shí)例代碼對大家有所幫助。
您可能感興趣的文章:
- 詳解Android中實(shí)現(xiàn)ListView左右滑動刪除條目的方法
- android RecyclerView側(cè)滑菜單，滑動刪除，長按拖拽，下拉刷新上拉加載
- Android仿微信滑動彈出編輯、刪除菜單效果、增加下拉刷新功能
- Android實(shí)現(xiàn)左滑刪除列表功能
- Android 實(shí)現(xiàn)左滑出現(xiàn)刪除選項(xiàng)
- Android仿QQ列表左滑刪除操作
- Android使用CardView作為RecyclerView的Item并實(shí)現(xiàn)拖拽和左滑刪除
- Android 滑動監(jiān)聽RecyclerView線性流+左右劃刪除+上下移動
- Android開發(fā)中模仿qq列表信息滑動刪除功能
- Android?Recyclerview實(shí)現(xiàn)左滑刪除功能
相關(guān)文章
詳解Android實(shí)現(xiàn)購物車頁面及購物車效果(點(diǎn)擊動畫)
本篇文章主要介紹了詳解Android實(shí)現(xiàn)購物車頁面及購物車效果(點(diǎn)擊動畫)，非常具有實(shí)用價值，需要的朋友可以參考下2017-08-08
Android sdcard實(shí)現(xiàn)圖片存儲 、聯(lián)網(wǎng)下載
這篇文章主要介紹了Android sdcard實(shí)現(xiàn)圖片存儲 、聯(lián)網(wǎng)下載功能，感興趣的小伙伴們可以參考一下2016-02-02
下面小編就為大家?guī)硪黄狝ndroid利用Gson解析嵌套多層的Json的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
Android開發(fā)之設(shè)置開機(jī)自動啟動的幾種方法
這篇文章主要介紹了Android開發(fā)之設(shè)置開機(jī)自動啟動的幾種方法的相關(guān)資料,這里提供三種方法幫助大家實(shí)現(xiàn)這樣的功能，需要的朋友可以參考下2017-08-08
這篇文章主要介紹了ViewBinding用法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-03-03
本篇文章主要介紹了Android百度地圖添加Marker失真問題的解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
Android高仿抖音照片電影功能的實(shí)現(xiàn)代碼
這篇文章主要介紹了Android高仿抖音照片電影功能的實(shí)現(xiàn)代碼,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
Android 媒體開發(fā)之MediaPlayer狀態(tài)機(jī)接口方法實(shí)例解析
這篇文章主要介紹了Android 媒體開發(fā)之MediaPlayer狀態(tài)機(jī)接口方法實(shí)例解析,需要的朋友可以參考下2017-08-08
Android如何使用GestureDetector進(jìn)行手勢檢測詳解
GestureDetector使用很方便,提供了單擊，雙擊，長按等操作的處理,但是一般的定義界面都比較復(fù)雜,還用很多需要注意的地方,這篇文章主要給大家介紹了關(guān)于Android如何使用GestureDetector進(jìn)行手勢檢測的相關(guān)資料,需要的朋友可以參考下2022-01-01
本文將介紹Android開發(fā)之文件操作模式，需要了解的朋友可以參考下2012-12-12