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); } } } }
这是我们最终的效果图
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
使用adb or fastboot命令进入高通的9008(edl)模式的两种方法
这篇文章主要介绍了使用adb or fastboot命令进入高通的9008(edl)模式,两种方式通过命令给大家写的非常详细,文中又给大家补充介绍了高通手机 进入 高通9008模式的两种方法,需要的朋友可以参考下2023-01-01Android源码导入AndroidStudio或IntelliJ IDEA的方法
这篇文章主要介绍了Android源码导入AndroidStudio或IntelliJ IDEA的方法,用idegen来生成针对AndroidStudio或IntelliJ IDEA的Android系统源代码工程配置文件,需要的朋友可以参考下2022-08-08Android使用ViewPager实现类似laucher左右拖动效果
这篇文章主要为大家详细介绍了Android使用ViewPager实现类似laucher左右拖动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2018-05-05Android之ArcSlidingHelper制作圆弧滑动效果
这篇文章主要介绍了Android之ArcSlidingHelper制作圆弧滑动效果,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2021-08-08
最新评论