当前位置： 移动技术网 > 移动技术>移动开发>Android > Android高仿QQ6.0侧滑删除实例代码

Android高仿QQ6.0侧滑删除实例代码

2019年07月24日  | 移动技术网移动技术  | 我要评论

推荐阅读：

先给大家分享一下，侧滑删除，布局也就是前面一个item，然后有两个隐藏的按钮（textview也可以），然后我们可以向左侧滑动，然后显示出来，然后对delete（删除键）实现监听，就可以了哈。好了那就来看看代码怎么实现的吧。

首先和之前一样

自定义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.
* 一个懂得了编程乐趣的小白，希望自己
* 能够在这个道路上走的很远，也希望自己学习到的
* 知识可以帮助更多的人,分享就是学习的一种乐趣
* 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方法，默认是不拦截的：

/**
* 传递触摸事件
*
* @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;
}

然后我们去重写一下viewdraghelper里面的clampviewpositionhorizontal方法：

@override
public int clampviewpositionhorizontal(view child, int left, int dx) {
return left;
}

好了这个时候，就已经可以实现滑动了，我们先来看下结果:

这里写图片描述

这里我们可以看到，已经可以滑动了，好了接下来的就是要处理滑动事件，去放置到正确的地方（call me 和删除刚开始不能见，还有只能左滑显示，右滑隐藏）。
好了，我们先获取两个view吧：

/**
* 当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相当于一个矩形
*
* @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);
}

当然这个实现，只是可以拖拽了前view，因为我们没有把改变的dx传递下去，好了来实现拖拽前view的时候，后view也跟着出来（viewdraghelper里面的方法）：

/**
* 当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();
}

好了这个时候我们来看下效果：

这里写图片描述

是不是发现了问题，就是我的前view想要的结果是不能右滑的（只允许左滑和返回），那么接下来就实现这个想要的结果吧。以下的代码是在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;
}
}

看下效果图：

这里写图片描述 

好了，这个时候已经基本实现了，接下来实现以下滑动的距离和速度【判断是否打开和关闭：

/**
* 拖拽的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();
}
}
/**
* 关闭
*/
public void close() {
utils.showtoast(getcontext(), "close");
layoutcontent(false);
}
//打开
public void open() {
//utils.showtoast(getcontext(), "open");
layoutcontent(true);
}

好了，接下来实现以下平滑的关闭和打开：

public void close() {
close(true);
}
/**
* 关闭
*
* @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);
}
}
/**
* 持续动画 
*/
@override
public void computescroll() {
super.computescroll();
//这个是固定的
if (mdraghelper.continuesettling(true)) {
viewcompat.postinvalidateonanimation(this);
}
}

我们看下最终的效果吧：

这里写图片描述

好了，在这里我们加上一些回调，以方便外部使用的时候可以回调：

/**
* 默认状态是关闭
*/
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;
}
/**
* 定义三种状态
*/
public enum status {
close, open, draging
}
/**
* 定义回调接口 这个在我们
*/
public interface onswipelayoutlistener {
/**
* 关闭
*
* @param mswipelayout
*/
void onclose(swipelayout mswipelayout);
/**
* 打开
*
* @param mswipelayout
*/
void onopen(swipelayout mswipelayout);
/**
* 绘制
*
* @param mswipelayout
*/
void ondraging(swipelayout mswipelayout);
/**
* 要去关闭
*/
void onstartclose(swipelayout mswipelayout);
/**
* 要去开启
*/
void onstartopen(swipelayout mswipelayout);
}

dispatchswipeevent（）方法（在onviewpositionchanged（）方法中调用）

protected void dispatchswipeevent() {
//判断是否为空
if (swipelayoutlistener != null) {
swipelayoutlistener.ondraging(this);
}
// 记录上一次的状态
status prestatus = status;
// 更新当前状态
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（）方法：

/**
* 更新状态
*
* @return
*/
private status updatestatus() {
//得到前view的左边位置
int left = mfrontview.getleft();
if (left == 0) {
//如果位置是0，就是关闭状态
return status.close;
} else if (left == -mrange) {
//如果左侧边距是后view的宽度的负值，状态为开
return status.open;
}
//其他状态就是拖拽
return status.draging;
}

这里写图片描述 

好了，事件基本上已经实现完毕了，这个侧拉删除的我会更新至我的项目中，同时希望android高仿qq6.0侧滑删除实例代码对大家有所帮助。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网