Android实现微信侧滑关闭页面效果
更新时间：2017年12月02日 09:43:59 作者：AriaLyy
这篇文章主要为大家详细介绍了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);
}
}
}
}
这是我们最终的效果图
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了在Android NDK开发中如何通过FFmpeg为视频添加水印，文中的示例代码讲解详细，对我们了解Android开发有一定的帮助，感兴趣的可以学习一下2021-12-12
这篇文章主要为大家详细手摸手教你写Slack的Loading动画,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要介绍了android打开本地图像的方法,涉及Android操作图像的相关技巧,需要的朋友可以参考下2015-04-04
这篇文章主要为大家介绍了Spi机制在Android开发的应用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要介绍了Android 沉浸式改变小米魅族状态栏颜色的实例代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-02-02
Android编程实现自定义分享列表ACTION_SEND功能的方法
这篇文章主要介绍了Android编程实现自定义分享列表ACTION_SEND功能的方法,结合实例形式详细分析了自定义分享列表功能的步骤与具体操作技巧,需要的朋友可以参考下2017-02-02
Gradle:Gradle是一个基于Apache Ant和Apache Maven概念的项目自动化建构工具。它使用一种基于Groovy的特定领域语言(DSL)来声明项目设置，抛弃了基于XML的各种繁琐配置，本文给大家介绍Android Studio手动配置Gradle的方法，一起看看吧2017-11-11
这篇文章主要介绍了Android网络编程之UDP通信模型实例,本文给出了服务端代码和客户端代码,需要的朋友可以参考下2014-10-10
Apple一直在引领设计的潮流，自从 iPhone X 发布之后，各种异形屏、刘海屏也都出来，下面这篇文章主要给大家分享介绍了关于Android全面屏与异形(刘海)屏的适配教程，文中通过示例代码介绍的非常详细，需要的朋友可以参考下2018-07-07
这篇文章主要为大家详细介绍了Android Studio ADB网络调试的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-05-05
最新评论