Android实现微信侧滑关闭页面效果
最近手机升级了5.0系统后,突然间发现微信竟然有ios一样的侧滑关闭当前页面的效果,就想把这种效果也加进自己的项目里面。本着不重复造*的原则,就在网上百度了很久,发现大多数人都是采用自定义view来实现,但是对于我这种已经基本完成的项目来说,如果全部的activity再重新使用自定义的view无疑是一种可怕的噩梦。
因此,我这里实现了另外一种不需要自定义view也能实现的方法,其子类只要继承于它,便能拥有其侧滑滑动的功能。
随便说一句,此方法仅对5.0以上的手机有效(反正微信也是5.0上才能用),5.0以下的请无视!!!
原理
在每个activity里面都有一个底层的view,也就是所谓的rootview,当我们加载一个xml布局时,系统就会自动给你生成这个rootview,由于它是一个view,那么也就意味着你可以通过一定的代码随意移动这个根布局。
如下代码所示,只要简单的几行代码便能实现布局的移动。
public class slideactivity extends appcompatactivity { view mrootview; private gesturedetector mdetector; private int mwindowwidth; @override protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_demo); mrootview = getwindow().getdecorview(); mrootview.setbackgroundcolor(color.blue); mdetector = new gesturedetector(this, new gesturelistener()); mwindowwidth = getwindow().getwindowmanager().getdefaultdisplay().getwidth(); } @override public boolean ontouchevent(motionevent event) { return mdetector.ontouchevent(event); } /** * 手势监听 */ private class gesturelistener extends gesturedetector.simpleongesturelistener { @override public boolean onscroll(motionevent e1, motionevent e2, float distancex, float distancey) { if (e1 != null) { handlercurrentactivityscroll(e2); } return super.onscroll(e1, e2, distancex, distancey); } /** * 处理当前页面滑动 */ private void handlercurrentactivityscroll(motionevent e2) { mrootview.settranslationx(e2.getx()); if (e2.getx() > mwindowwidth - 20) { finish(); } } } }
这是我们的效果
activity联动
这差距还是很大的,最明显的地方是,我们移动 的时候,上一层activity竟然没有跟着联动。
解决这个问题的方法也简单,如图所示,每当启动一个activity时,系统都会把activity放到一个栈里面,由于栈的工作原理可知,app里面的activity是一层覆盖一层的,就如上图所示。为此,每当启动一个activity时,就可以把当前的actiivty存储到一个list里面,这样,我们就可以在当前的activity里面取出上一个activity进行操作。
因此,在进入一个新的activity的时候,在其oncreate方法里面把当前的activity加载到列表里,当退出时,在finish的重载方法里面,将当前activity从列表里面移除。
注意!!!在滑动的时候必须需要考虑到activity里面有可能会有类似于listview一类的滑动控件,因此,我们必须对事件进行分发控制。
代码如下
/** * created by yuyu on 2015/10/29. */ public class testactivity extends appcompatactivity { view mrootview; private gesturedetector mgesturedetector; private static list<testactivity> mactivitys = new arraylist<>(); /** * 移动距离 */ private float mwindowwidth; private testactivity mbeforeactivity; /** * 上一个activity偏移量 */ private float moffsetx; /** * 上一个页面移出的位置 */ private float moutsidewidth; @override protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_demo); /** * 把当前activity加到列表里面 */ mactivitys.add(this); initscrollback(); } /** * 初始化左滑退出功能 */ private void initscrollback() { mwindowwidth = getwindowmanager().getdefaultdisplay().getwidth(); moutsidewidth = -mwindowwidth / 4; moffsetx = moutsidewidth; mgesturedetector = new gesturedetector(this, new gesturelistener()); mrootview = getwindow().getdecorview(); mrootview.setbackgroundcolor(color.blue); } /** * 控制分发事件,在这里控制能能触发拖动的范围 */ @override public boolean dispatchtouchevent(@nonnull motionevent ev) { if (ev.getx() < mwindowwidth / 10) { if (mactivitys.size() > 1) { mbeforeactivity = mactivitys.get(mactivitys.size() - 2); beforeactivitytranslationx(moutsidewidth); } return ontouchevent(ev); } return super.dispatchtouchevent(ev); } @override public void finish() { mactivitys.remove(this); if (moffsetx < 0.0001 || moffsetx > 0.0001) { beforeactivitytranslationx(0); } super.finish(); } public void onclick(view view) { intent intent = new intent(this, activity5.class); startactivity(intent); } public view getrootview() { return mrootview; } /** * 控制上一个activity移动 */ private void beforeactivitytranslationx(float translationx) { if (mbeforeactivity != null) { mbeforeactivity.getrootview().settranslationx(translationx); } } @override public boolean ontouchevent(motionevent event) { return mgesturedetector.ontouchevent(event); } /** * 手势监听 */ private class gesturelistener extends gesturedetector.simpleongesturelistener { @override public boolean onscroll(motionevent e1, motionevent e2, float distancex, float distancey) { if (e1 != null) { handlercurrentactivityscroll(e2); handlebeforeactivityscroll(e2, distancex); } return super.onscroll(e1, e2, distancex, distancey); } /** * 处理当前页面滑动 */ private void handlercurrentactivityscroll(motionevent e2) { mrootview.settranslationx(e2.getx()); if (e2.getx() > mwindowwidth - 20) { finish(); } } /** * 处理上一个页面滑动 */ private void handlebeforeactivityscroll(motionevent e2, float distancex) { if (mbeforeactivity != null) { moffsetx = distancex < 0 ? moffsetx + math.abs(distancex) / 4 : moffsetx - math.abs(distancex) / 4; if (moffsetx > 0.0001) { moffsetx = 0f; } mbeforeactivity.getrootview().settranslationx(moffsetx); } } } }
这是联动后的效果图
现在算是有点效果了,但是和微信的差距还是很大,接下来我们便需要开始处理自动滑动了
自动滑动
这个就不需要多说了,这个主要就是利用属性动画进行移动
以下是完整的代码
public class slideactivity extends appcompatactivity { private static final string tag = "slideactivity"; private static list<slideactivity> mactivitys = new arraylist<>(); /** * 手势监听 */ private gesturedetector mgesturedetector; private view mrootview; private boolean isscroll = false; /** * 移动距离 */ private float mwindowwidth; private slideactivity mbeforeactivity; /** * 上一个activity偏移量 */ private float moffsetx; /** * 上一个页面移出的位置 */ private float moutsidewidth; private boolean canscrollback = true; private boolean canscroll = false; @override protected void oncreate(bundle savedinstancestate) { getwindow().requestfeature(window.feature_content_transitions); getwindow().setentertransition(new slide(gravity.right)); super.oncreate(savedinstancestate); /** * 把当前activity加到列表里面 */ mactivitys.add(this); initscrollback(); } @override public void startactivity(intent intent) { startactivity(intent, activityoptions.makescenetransitionanimation(this).tobundle()); } /** * 初始化左滑退出功能 */ private void initscrollback() { mwindowwidth = getwindowmanager().getdefaultdisplay().getwidth(); moutsidewidth = -mwindowwidth / 4; moffsetx = moutsidewidth; mgesturedetector = new gesturedetector(this, new gesturelistener()); mrootview = getwindow().getdecorview(); } /** * 控制上一个activity移动 */ private void beforeactivitytranslationx(float translationx) { if (mbeforeactivity != null) { mbeforeactivity.getrootview().settranslationx(translationx); } } /** * 设置是否能滑动 * * @param canscrollback true 可以滑动 */ protected void setcanscrollback(boolean canscrollback) { this.canscrollback = canscrollback; } public view getrootview() { return mrootview; } @override public void finish() { mactivitys.remove(this); if (moffsetx < 0.0001 || moffsetx > 0.0001) { beforeactivitytranslationx(0); } super.finish(); } /** * 控制分发事件 */ @override public boolean dispatchtouchevent(@nonnull motionevent ev) { if (canscrollback && ev.getx() < mwindowwidth / 10) { if (mactivitys.size() > 1) { mbeforeactivity = mactivitys.get(mactivitys.size() - 2); beforeactivitytranslationx(moutsidewidth); } canscroll = true; return ontouchevent(ev); } return super.dispatchtouchevent(ev); } @override public boolean ontouchevent(motionevent event) { if (canscrollback && canscroll) { if (event.getaction() == motionevent.action_up && isscroll) { isscroll = false; canscroll = false; //退出当前activity if (event.getx() > mwindowwidth / 2) { if (mbeforeactivity != null) { objectanimator.offloat(mbeforeactivity.getrootview(), "translationx", moffsetx, 0).setduration(500).start(); } objectanimator movein = objectanimator.offloat(mrootview, "translationx", event.getx(), mwindowwidth); movein.addlistener(new animatorlisteneradapter() { @override public void onanimationend(animator animation) { super.onanimationend(animation); finish(); } }); movein.setduration(500).start(); //反弹回来 } else if (event.getx() < mwindowwidth / 2) { objectanimator.offloat(mrootview, "translationx", event.getx(), 0).setduration(500).start(); if (mbeforeactivity != null) { objectanimator.offloat(mbeforeactivity.getrootview(), "translationx", moffsetx, moutsidewidth).setduration(500).start(); } moffsetx = moutsidewidth; } } else { mgesturedetector.ontouchevent(event); } } return true; } /** * 手势监听 */ private class gesturelistener extends gesturedetector.simpleongesturelistener { @override public boolean onscroll(motionevent e1, motionevent e2, float distancex, float distancey) { if (e1 != null) { handlercurrentactivityscroll(e2); handlebeforeactivityscroll(e2, distancex); } return super.onscroll(e1, e2, distancex, distancey); } /** * 处理当前页面滑动 */ private void handlercurrentactivityscroll(motionevent e2) { isscroll = true; mrootview.settranslationx(e2.getx()); if (e2.getx() > mwindowwidth - 20) { finish(); } } /** * 处理上一个页面滑动 */ private void handlebeforeactivityscroll(motionevent e2, float distancex) { if (mbeforeactivity != null) { moffsetx = distancex < 0 ? moffsetx + math.abs(distancex) / 4 : moffsetx - math.abs(distancex) / 4; if (moffsetx > 0.0001) { moffsetx = 0f; } mbeforeactivity.getrootview().settranslationx(moffsetx); } } } }
这是我们最终的效果图
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。