Android 实现右滑返回功能

2019-10-22 18:12:34

字体：大中小

来源：转载

供稿：网友

前言

右滑返回这个功能好像在iOS上蛮实用的，因为它的返回键在左上角，右手握持手机就得穿越整个屏幕去按它，不过对于大屏Android手机也是蛮实用的，右下角的返回键随着屏占比的增大按起来的难度也不小，就算有mBack这样的交互，多一个右滑返回也是极好的是吧？

上代码 SwipBackDemo

上效果图

android,右滑,返回

SlidingPaneLayout

这个东西是Support V4中早就存在的，同样是侧滑，远没有侧滑菜单android.support.v4.widget.DrawerLayout被熟知，这玩意儿13年就有了...那时候我大概还在玩泥巴...

SlidingPaneLayout继承自GroupView，官方的貌似是作为侧滑菜单推出的，然鹅并没有多少人使用？？但是可以根据这东西实现右滑返回。

原理：假设滑动的时候左侧有侧滑菜单，但是它是全透明的，所以可以看到底部一层的视图，然后拉出整个假设的侧滑菜单之后移除当前activity，就完成了右滑返回。

所以这个地方要定义的是滑动的anim，以及透明的style.主要是这个style:

<style name="Animation.SlidingBack" parent="@android:style/Animation.Activity">    <item name="android:activityOpenEnterAnimation">@anim/slide_in_right</item>    <item name="android:activityOpenExitAnimation">@anim/slide_out_right</item>    <item name="android:activityCloseEnterAnimation">@anim/slide_in_right</item>    <item name="android:activityCloseExitAnimation">@anim/slide_out_right</item>    <item name="android:wallpaperOpenEnterAnimation">@anim/slide_in_right</item>    <item name="android:wallpaperOpenExitAnimation">@anim/slide_out_right</item>    <item name="android:wallpaperCloseEnterAnimation">@anim/slide_in_right</item>    <item name="android:wallpaperCloseExitAnimation">@anim/slide_out_right</item>    <item name="android:wallpaperIntraOpenEnterAnimation">@anim/slide_in_right</item>    <item name="android:wallpaperIntraOpenExitAnimation">@anim/slide_out_right</item>    <item name="android:wallpaperIntraCloseEnterAnimation">@anim/slide_in_right</item>    <item name="android:wallpaperIntraCloseExitAnimation">@anim/slide_out_right</item>  </style>

代码思路：实例化出slidingPaneLayout及相关属性设定，然后给slidingPaneLayout添加透明的侧滑视图和真实的内容区域视图，关键代码：

 SlidingPaneLayout slidingPaneLayout = new SlidingPaneLayout(this);      //通过反射改变mOverhangSize的值为0，这个mOverhangSize值为菜单到右边屏幕的最短距离，默认是32dp，现在给它改成0      try {        //属性        Field f_overHang = SlidingPaneLayout.class.getDeclaredField("mOverhangSize");        f_overHang.setAccessible(true);        f_overHang.set(slidingPaneLayout, 0);      } catch (Exception e) {        e.printStackTrace();      }      slidingPaneLayout.setPanelSlideListener(this);      slidingPaneLayout.setSliderFadeColor(getResources().getColor(android.R.color.transparent));      View leftView = new View(this);      leftView.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));      slidingPaneLayout.addView(leftView, 0);      ViewGroup decor = (ViewGroup) getWindow().getDecorView();      ViewGroup decorChild = (ViewGroup) decor.getChildAt(0);      decorChild.setBackgroundColor(getResources().getColor(android.R.color.white));      decor.removeView(decorChild);      decor.addView(slidingPaneLayout);      slidingPaneLayout.addView(decorChild, 1);

可以在一个基类中封装使用以上方法，然后需要返回的继承该类就行了。因为某些界面不需要侧滑返回，所以提供一个设置是否支持返回的方法，不需要返回的重写该方法返回false：

@Override  protected boolean isSupportSwipeBack() {    return false;  }

上代码 SwipBackDemo

最后

这个是全屏滑动，所以我尝试了一些方法来让它只在边缘滑动，但是我失败了...所以如果有上文这种需求的话可以直接使用，解决跟listview和scrollview的滑动冲突的时候去重新判断onInterceptTouchEvent方法就行的，但是如果有边缘滑动的话还是尝试用SlidingMenu吧...

注：相关教程知识阅读请移步到Android开发频道。

上一篇：Android仿微信、qq点击右上角加号弹出操作框

下一篇：Android使用SlidingPaneLayout 实现仿微信的滑动返回