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

  我们知道,APP在设计上习惯性的把返回按钮放在屏幕的左上角,那么,在很多时候(尤其是大屏幕手机),操作改返回按钮,就会有诸多不便了。为了更加方便实现“返回”功能,现在的一些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啦!欢迎互相学习!
如有疑问,欢迎留言探讨。

时间: 2024-10-31 22:25:44

Android 使用SwipeBackLayout实现滑动返回上一级页面——实战来袭的相关文章

android finish 返回上一级界面

问题描述 android finish 返回上一级界面 程序第一次运行上来后,点击actionbar 返回上一级界面,但是他没有返回,而是直接就退出程序了,什么错都没有报,第二次打开,就好了,求大牛解决啊 解决方案 有一种可能:就是你启动以后上一界面已经被销毁,未在堆栈中

android-谁有phoneGap的实例代码,点击返回按钮后,只是返回上一个页面,而不是退出程序????

问题描述 谁有phoneGap的实例代码,点击返回按钮后,只是返回上一个页面,而不是退出程序???? 谁有phoneGap的实例代码,点击返回按钮后,只是返回上一个页面,而不是退出程序????,急救,急救,急救???帮忙发一份谢谢,(1987528122)这是qq号,多谢了,希望各位帮帮忙!!!!!!!!!! 解决方案 添加backbutton事件,做你的相关操作cordova/phonegap实现再按一次退出效果

ASP.NET返回上一页面的实现代码

解决方法: 程序的相关介绍 主界面:未发货订单列表(http://localhost:18888/Order/UnfilledOrdersList.aspx) 子界面:订单详细信息(http://localhost:18888/Order/ViewOrderDetail.aspx?OrderId= id,其中id的值是在主界面中被选中的那条订单信息的id) 主页面为一个订单的主要信息,GridView中有一个HyperLink控件,通过它可以跳转到"订单详细信息"界面进而查看订单的详细

ASP.NET返回上一页面的实现代码_实用技巧

解决方法: 程序的相关介绍 主界面:未发货订单列表(http://localhost:18888/Order/UnfilledOrdersList.aspx) 子界面:订单详细信息(http://localhost:18888/Order/ViewOrderDetail.aspx?OrderId= id,其中id的值是在主界面中被选中的那条订单信息的id) 主页面为一个订单的主要信息,GridView中有一个HyperLink控件,通过它可以跳转到"订单详细信息"界面进而查看订单的详细

iOS 聊天页面,别人给我发消息,开始无法显示在页面,我返回上个页面,再到聊天页面才能显示别人给我发的消息

问题描述 第二次进来,显示的是XML解析的 解决方案 在聊天页面didreceivemessage里面需要添加下datademo中是addmessage.解决方案二:不是很明白,能说的清楚一些吗解决方案三:谢谢解决方案四:没刷新聊天页面的table

登录成功之后返回上一页面之前怎么能是其弹出消息框,提示登录成功。

问题描述 protectedvoidPage_Load(objectsender,EventArgse){if(!IsPostBack){if(Request.UrlReferrer!=null)ViewState["UrlReferrer"]=Request.UrlReferrer.ToString();}}protectedvoidButton1_Click(objectsender,EventArgse){if(TextBox1.Text==""){showM

Android右滑返回上一个界面的实现方法

Android右滑返回上一个界面的实现方法 public class BaseActivity extends Activity implements OnTouchListener { public ProgressDialog progressDialog; public String states; public RequestQueue mQueue; /** 触摸时按下的点 **/ PointF downP = new PointF(); /** 触摸时当前的点 **/ PointF

如何加一个返回上一界面的按钮?

问题描述 解决方案 解决方案二:好像没有像页面那种的返回上一个页面的功能,只有你放一个按钮让它打开指定的界面然后关闭当前界面.

解决webview调用goBack()返回上一页自动刷新闪白的情况

问题是:重写了onKeyDown()方法使其goBack(),但是遇到的问题是,每次进入webview再次返回原始页面的时候,中间会有一个闪白的出现. 试了好多网上的方法,发现都是扯淡. 后来意识到,webView 有缓存存在着缓存模式,怎么用不同的缓存模式呢? //设置缓存模式 webView.getSettings().setCacheMode(WebSettings.LOAD_DEFAULT); 需要把模式改成LOAD_NO_CACHE!! 但是每次都得重新请求很费资源,于是可以放在onK