美文网首页Android开发高级UI
使用SwipeBackLayout实现滑动返回上一级页面

使用SwipeBackLayout实现滑动返回上一级页面

作者: Ad大成 | 来源:发表于2019-11-14 08:47 被阅读0次

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


image

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

implementation 'me.imid.swipebacklayout.lib:library:1.1.0'
public class Main2Activity extends SwipeBackActivity {

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

对,就这么简单,不需要在做任何操作,该Activity就已经可以支持“从左向右滑动返回上一级页面”了。
当然,仅仅这样还是不够的,在页面滑动过程中,会遇到些问题:

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

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

<activity
            android:name=".DemoActivity"
            android:label="@string/app_name"/>
 <activity
            android:name=".SecondActivity"
            android:theme="@style/otherPageStyle" />
  -->
    <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);
    }
}

  1. 拷贝一份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();
    }
}

具体还是跳到下面链接去看
————————————————
版权声明:本文为CSDN博主「无缘公子」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/zuiwuyuan/article/details/51010103

相关文章

网友评论

    本文标题:使用SwipeBackLayout实现滑动返回上一级页面

    本文链接:https://www.haomeiwen.com/subject/faylictx.html