Android微信右滑退出功能的实现代码

Z时代
2024-01-10
分类：综合

先给大家展示下效果图，如果大家感觉效果不错，请参考实例代码，

act2是Main2Activity，act3是Main3Activity

原理

滚动

首先我们知道每个Activity展示的内容一般都是DecorView去承载的，不知道的看下图，其中状态栏背景也包括在内：

DecorView

所以我们第一步，只需要滚动DecorView内容或者平移DecorView就行了。

使上一个Activity可见

上面的Activity不可见其实是因为被当前Activity给挡住了。那问题来了。

Q：为什么我把布局颜色设置成透明背景，可还是看不到上面的Activity呢？

A：看上面的DecorView那张图，我们Activity布局只是填充content里面的内容，也就是说我们是被ContentFrameLayout包裹住的，Activity布局文件的根元素并不是Activity的根元素，由层级可知。我们的Activity被上层的Activity挡住，其实是因为DecorView具有背景颜色，我们只需要把它的背景色去掉就行了。

实现

第一步设置透明主题


<!-- Base application theme. -->
 <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
  <!-- Customize your theme here. -->
  <item name="colorPrimary">@color/colorPrimary</item>
  <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
  <item name="colorAccent">@color/colorAccent</item>
 </style>
 <style name="CustomTheme" parent="AppTheme">
  <item name="android:windowIsTranslucent">true</item>
  <item name="android:windowBackground">@android:color/transparent</item>
 </style>
<activity android:name=".Main2Activity">
   <intent-filter>
    <action android:name="android.intent.action.MAIN" />
    <category android:name="android.intent.category.LAUNCHER" />
   </intent-filter>
  </activity>
  <activity
   android:name=".Main3Activity"
   android:theme="@style/CustomTheme" />

我们把Main3Activity的DecorView背景色去掉了。

滚动DecorView内容

这里我们使用滚动DecorView内容而不是滚动整个DecorView。

首先大家需要搞懂一个View的 ScrollBy 和 ScrollTo 是什么回事，参考 Android scrollTo和scrollBy方法使用说明

Main3Activity.java


public class Main3Activity extends AppCompatActivity {
 /**
  * DecorView左边滑出间距占屏幕宽度PRESENT_TO_FINISH时表示用户需要退出当前Activity
  */
 private static final float PRESENT_TO_FINISH = 0.3f;
 /**
  * 用户距离左边MIN_EDGE_DISTANCE内拖动有效
  */
 private static final int MIN_EDGE_DISTANCE = 100;
 /**
  * 屏幕宽度
  */
 private static float mScreenW = -1;
 /**
  * 用户计算用户在屏幕滑动的距离
  */
 private float mStartX = 0;
 /**
  * 当前是否允许拖动
  */
 private boolean mIsScrollEnable = false;
 /**
  * 当前Activity的DecorView
  */
 private View mDecorView;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main3);
  // 初始化
  mDecorView = getWindow().getDecorView();
  if (mScreenW == -1) {
   DisplayMetrics metrics = new DisplayMetrics();
   getWindowManager().getDefaultDisplay()
     .getMetrics(metrics);
   mScreenW = metrics.widthPixels;
  }
 }
 @Override
 public boolean onTouchEvent(MotionEvent event) {
  if (event.getAction() == MotionEvent.ACTION_DOWN) {
   mStartX = event.getX();
   if (mStartX < MIN_EDGE_DISTANCE) {
    // 距离左边距离足够小，设置为可拖动状态
    mIsScrollEnable = true;
   }
  } else if (event.getAction() == MotionEvent.ACTION_MOVE && mIsScrollEnable) {
   // 滚动DecorView内容
   float dX = event.getX() - mStartX;
   mStartX = event.getX();
   mDecorView.scrollBy((int) -dX, 0);
   return true;
  } else if (event.getAction() == MotionEvent.ACTION_UP || event.getAction() == MotionEvent.ACTION_CANCEL) {
   // 触摸操作取消，重置
   mIsScrollEnable = false;
   // 根据当前滑动状态判断最终是滑到左边还是滑到右边（结束Activity）
   final int targetX = -mDecorView.getScrollX() / mScreenW > PRESENT_TO_FINISH ? (int) -mScreenW : 0;
   ValueAnimator animator = ValueAnimator.ofInt(mDecorView.getScrollX(), targetX);
   animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {
     mDecorView.scrollTo((Integer) animation.getAnimatedValue(), 0);
    }
   });
   animator.addListener(new Animator.AnimatorListener() {
    @Override
    public void onAnimationStart(Animator animation) {
    }
    @Override
    public void onAnimationEnd(Animator animation) {
     if (targetX == -mScreenW) {
      finish();
     }
    }
    @Override
    public void onAnimationCancel(Animator animation) {
    }
    @Override
    public void onAnimationRepeat(Animator animation) {
    }
   });
   animator.start();
  }
  return super.onTouchEvent(event);
 }
}