Android实现左滑退出Activity（完美封装）

在Android的应用中，退出一个Activity的交互方式有许多种，例如：在顶部设置一个返回的导航键、点击返回键退出。当然或许现在也有人注意到了，许多的App已经采用左滑退出的方式了，像微信里聊天界面的退出等等，都使用到了左滑退出。

怀着对技术的热爱，我最近也研究了一下这个功能。现在讲一下我的思路：

我们都知道Android许多时候都是采用MVC的架构方式，即数据跟视图分离：那么我的思路也是这样的。在滑动退出的时候，我们一般的都觉得这个是Java代码里面的逻辑，实际上不然，我知道一个界面里面，肯定有自己的View，所以我的第一步也是从View开始的。

第一步：定义一个自己的父级容器，让它继承自一个布局（LinearLayout、RelativeLayout都可以），

下面配上代码：

/**
* 自定义可以滑动的RelativeLayout, 类似于IOS的滑动删除页面效果，当我们要使用
* 此功能的时候，需要将该Activity的顶层布局设置为SildingFinishLayout，
* 然后需要调用setTouchView()方法来设置需要滑动的View
*
* @author xiaanming
*
* @blog http://blog.csdn.net/xiaanming
*
*/
public class SildingFinishLayout extends LinearLayout implements
OnTouchListener {
/**
* SildingFinishLayout布局的父布局
*/
private ViewGroup mParentView;
/**
* 处理滑动逻辑的View
*/
private View touchView;
/**
* 滑动的最小距离
*/
private int mTouchSlop;
/**
* 按下点的X坐标
*/
private int downX;
/**
* 按下点的Y坐标
*/
private int downY;
/**
* 临时存储X坐标
*/
private int tempX;
/**
* 滑动类
*/
private Scroller mScroller;
/**
* SildingFinishLayout的宽度
*/
private int viewWidth;
/**
* 记录是否正在滑动
*/
private boolean isSilding;

private OnSildingFinishListener onSildingFinishListener;
private boolean isFinish;

public SildingFinishLayout(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}

public SildingFinishLayout(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);

mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
mScroller = new Scroller(context);
}

@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
super.onLayout(changed, l, t, r, b);
if (changed) {
// 获取SildingFinishLayout所在布局的父布局
mParentView = (ViewGroup) this.getParent();
viewWidth = this.getWidth();
}
}

/**
* 设置OnSildingFinishListener, 在onSildingFinish()方法中finish Activity
*
* @param onSildingFinishListener
*/
public void setOnSildingFinishListener(
OnSildingFinishListener onSildingFinishListener) {
this.onSildingFinishListener = onSildingFinishListener;
}

/**
* 设置Touch的View
*
* @param touchView
*/
public void setTouchView(View touchView) {
this.touchView = touchView;
touchView.setOnTouchListener(this);
}

public View getTouchView() {
return touchView;
}

/**
* 滚动出界面
*/
private void scrollRight() {
final int delta = (viewWidth + mParentView.getScrollX());
// 调用startScroll方法来设置一些滚动的参数，我们在computeScroll()方法中调用scrollTo来滚动item
mScroller.startScroll(mParentView.getScrollX(), 0, -delta + 1, 0,
Math.abs(delta));
postInvalidate();
}

/**
* 滚动到起始位置
*/
private void scrollOrigin() {
int delta = mParentView.getScrollX();
mScroller.startScroll(mParentView.getScrollX(), 0, -delta, 0,
Math.abs(delta));
postInvalidate();
}

/**
* touch的View是否是AbsListView，例如ListView, GridView等其子类
*
* @return
*/
private boolean isTouchOnAbsListView() {
return touchView instanceof AbsListView ? true : false;
}

/**
* touch的view是否是ScrollView或者其子类
*
* @return
*/
private boolean isTouchOnScrollView() {
return touchView instanceof ScrollView ? true : false;
}

@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
downX = tempX = (int) event.getRawX();
downY = (int) event.getRawY();
break;
case MotionEvent.ACTION_MOVE:
int moveX = (int) event.getRawX();
int deltaX = tempX - moveX;
tempX = moveX;
if (Math.abs(moveX - downX) > mTouchSlop
&& Math.abs((int) event.getRawY() - downY) < mTouchSlop) {
isSilding = true;

// 若touchView是AbsListView，
// 则当手指滑动，取消item的点击事件，不然我们滑动也伴随着item点击事件的发生
if (isTouchOnAbsListView()) {
MotionEvent cancelEvent = MotionEvent.obtain(event);
cancelEvent
.setAction(MotionEvent.ACTION_CANCEL
| (event.getActionIndex() << MotionEvent.ACTION_POINTER_INDEX_SHIFT));
v.onTouchEvent(cancelEvent);
}

}

if (moveX - downX >= 0 && isSilding) {
mParentView.scrollBy(deltaX, 0);

// 屏蔽在滑动过程中ListView ScrollView等自己的滑动事件
if (isTouchOnScrollView() || isTouchOnAbsListView()) {
return true;
}
}
break;
case MotionEvent.ACTION_UP:
isSilding = false;
if (mParentView.getScrollX() <= -viewWidth / 2) {
isFinish = true;
scrollRight();
} else {
scrollOrigin();
isFinish = false;
}
break;
}

// 假如touch的view是AbsListView或者ScrollView 我们处理完上面自己的逻辑之后
// 再交给AbsListView, ScrollView自己处理其自己的逻辑
if (isTouchOnScrollView() || isTouchOnAbsListView()) {
return v.onTouchEvent(event);
}

// 其他的情况直接返回true
return true;
}

@Override
public void computeScroll() {
// 调用startScroll的时候scroller.computeScrollOffset()返回true，
if (mScroller.computeScrollOffset()) {
mParentView.scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
postInvalidate();

if (mScroller.isFinished()) {

if (onSildingFinishListener != null && isFinish) {
onSildingFinishListener.onSildingFinish();
}
}
}
}

public interface OnSildingFinishListener {
public void onSildingFinish();
}

}

现在自己的父级容器已经有了，怎么使用呢？

打开我们的layout布局文件，在最外面引用这个父级容器，再添加ID；

在Activity的onCreate（）方法里面

SildingFinishLayout mSildingFinishLayout = (SildingFinishLayout) findViewById(R.id.timed_task_SildingFinishLayout);
mSildingFinishLayout
.setOnSildingFinishListener(new OnSildingFinishListener() {

@Override
public void onSildingFinish() {
TimedTaskActivity.this.finish();
}
});
mSildingFinishLayout.setTouchView(mListview);//绑定的一个控件，这里我用的是布局里面定义ListView,

截止目前，这个功能已经实现了

更详细可参考blog http://blog.csdn.net/xiaanming

更多相关文章

随机推荐