侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130110 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

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

2023-06-03 星期六 / 0 评论 / 0 点赞 / 36 阅读 / 12481 字

最近手机升级了5.0系统后,突然间发现微信竟然有IOS一样的侧滑关闭当前页面的效果,就想把这种效果也加进自己的项目里面。本着不重复造轮子的原则,就在网上百度了很久,发现大多数人都是采用自定义View来实现,但是对于我这种

最近手机升级了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);      }    }  }}
.

这是我们最终的效果图

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持..。

广告 广告

评论区