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);
      }
    }
  }
}

这是我们最终的效果图

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