Android 使用SwipeBackLayout实现滑动返回上一级页面——实战来袭

我们知道。APP在设计上习惯性的把返回button放在屏幕的左上角，那么，在非常多时候（尤其是大屏幕手机），操作改返回button，就会有诸多不便了。为了更加方便实现“返回”功能。如今的一些APP，如百度贴吧等。開始引入一种的新的交互方式，通过滑动屏幕。利用手势事件来高速且友好的实现该功能。

怎样高速实现上图的效果呢。Github上提供了一个开源的库SwipeBackLayout，地址：https://github.com/ikew0ng/SwipeBackLayout ， 通过它，我们就能高速实现滑动返回上一级页面了。

1. 新建项目。并导入SwipeBackLayout库（对于不熟悉的开源库，我总建议引用库。方便源代码的阅读和改动）

2. 新建Activity，要求继承SwipeBackActivity

public class SecondActivity extends SwipeBackActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_second);
    }
}

对，就这么简单，不须要在做不论什么操作，该Activity就已经能够支持“从左向右滑动返回上一级页面”了。

当然，只这样还是不够的，在页面滑动过程中，会遇到些问题：

问题1：页面滑动过程中背景黑屏：

解决该问题，我们则要为须要滑动的Activity设置背景透明的主题，不须要滑动的。自然也就无需设置了：

 <activity
            android:name=".DemoActivity"
            android:label="@string/app_name"/>
 <activity
            android:name=".SecondActivity"
            android:theme="@style/otherPageStyle" />

 <!--
        Base application theme, dependent on API level. This theme is replaced
        by AppBaseTheme from res/values-vXX/styles.xml on newer devices.
    -->
    <style name="AppBaseTheme" parent="@style/Theme.AppCompat.Light.NoActionBar">

    </style>

    <!-- Application theme. -->
    <style name="AppTheme" parent="@style/AppBaseTheme">
    </style>

    <!-- 首页（第一级页面不让Activity透明） -->
    <style name="mainPageStyle" parent="AppTheme">
        <item name="android:windowIsTranslucent">false</item>
    </style>

    <!-- 非首页（非第一级页面让Activity透明） -->
    <style name="otherPageStyle" parent="AppTheme">
        <item name="android:windowIsTranslucent">true</item>
    </style>

问题2：实战项目中，经常会出现已有基类BaseActivity，怎样集成在一起呢？

1. 创建一个基类，BaseActivity

public class BaseActivity extends FragmentActivity {

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }
}

2. 拷贝一份SwipeBackActivity.java源代码，改动下。继承自BaseActivity：

import android.os.Bundle;
import android.view.View;

import me.imid.swipebacklayout.lib.SwipeBackLayout;
import me.imid.swipebacklayout.lib.Utils;
import me.imid.swipebacklayout.lib.app.SwipeBackActivityBase;
import me.imid.swipebacklayout.lib.app.SwipeBackActivityHelper;

public class MySwipeBackActivity extends BaseActivity implements SwipeBackActivityBase {
    private SwipeBackActivityHelper mHelper;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mHelper = new SwipeBackActivityHelper(this);
        mHelper.onActivityCreate();
    }

    @Override
    protected void onPostCreate(Bundle savedInstanceState) {
        super.onPostCreate(savedInstanceState);
        mHelper.onPostCreate();
    }

    @Override
    public View findViewById(int id) {
        View v = super.findViewById(id);
        if (v == null && mHelper != null)
            return mHelper.findViewById(id);
        return v;
    }

    @Override
    public SwipeBackLayout getSwipeBackLayout() {
        return mHelper.getSwipeBackLayout();
    }

    @Override
    public void setSwipeBackEnable(boolean enable) {
        getSwipeBackLayout().setEnableGesture(enable);
    }

    @Override
    public void scrollToFinishActivity() {
        Utils.convertActivityToTranslucent(this);
        getSwipeBackLayout().scrollToFinishActivity();
    }
}

这样，当你须要页面滑动返回的时候，则该页面的Activity就继承MySwipeBackActivity，不须要的话（比方首页），则直接继承自BaseActivity就可以。

问题3：怎样同一时候兼容SystemBarTint和SwipeBackLayout两个库。

之前写过《Android 使用SystemBarTint设置状态栏颜色》，假设什么都不做改动，直接在你的项目中引用这两个库，则会发生冲突。在4.4上。假设使用SwipeBackLayout。就不能用SystemBarTint来改变状态栏颜色。

解决该问题，能够通过改动SwipeBackLayout源代码来解决，打开SwipeBackLayout.java类，找到public
void attachToActivity(Activity activity)方法。找到：

ViewGroup decor = (ViewGroup) activity.getWindow().getDecorView();

把它改动成：

ViewGroup decor = (ViewGroup) activity.getWindow().getDecorView().findViewById(Window.ID_ANDROID_CONTENT);

如此这般，就可以解决冲突。

扩展：

在github上。另一个能够实现滑动返回上一级页面的开源库，我对照了下。感觉比SwipeBackLayout更方便，体验上也更好些。有兴趣的朋友能够自己查看：https://github.com/liuguangqiang/SwipeBack

如此这般，就OK啦！欢迎互相学习！

如有疑问，欢迎留言探讨。