Android怎么实现微信侧滑关闭页面效果

这篇文章主要介绍了Android怎么实现微信侧滑关闭页面效果，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

原理

在每个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一类的滑动控件，因此，我们必须对事件进行分发控制。

代码如下

public class TestActivity extends AppCompatActivity {  View mRootView;  private GestureDetector mGestureDetector;  private static List<TestActivity> mActivitys = new ArrayList<>();    private float mWindowWidth;  private TestActivity mBeforeActivity;    private float mOffsetX;    private float mOutsideWidth;  @Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_demo);        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;  }    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;    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);        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();  }    private void beforeActivityTranslationX(float translationX) {    if (mBeforeActivity != null) {      mBeforeActivity.getRootView().setTranslationX(translationX);    }  }    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怎么实现微信侧滑关闭页面效果”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网行业资讯频道，更多相关知识等着你来学习!