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

白日放歌须纵酒,青春作伴好还乡。这篇文章主要讲述Android使用SwipeBackLayout实现滑动返回上一级页面——实战来袭相关的知识,希望能为你提供帮助。
  我们知道。APP在设计上习惯性的把返回button放在屏幕的左上角,那么,在非常多时候(尤其是大屏幕手机),操作改返回button,就会有诸多不便了。为了更加方便实现“返回”功能。如今的一些APP,如百度贴吧等。開始引入一种的新的交互方式,通过滑动屏幕。利用手势事件来高速且友好的实现该功能。

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

文章图片


  怎样高速实现上图的效果呢。Github上提供了一个开源的库SwipeBackLayout,地址:https://github.com/ikew0ng/SwipeBackLayout  , 通过它,我们就能高速实现滑动返回上一级页面了。
1. 新建项目。并导入SwipeBackLayout库(对于不熟悉的开源库,我总建议引用库。方便源代码的阅读和改动)
Android使用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啦!欢迎互相学习!
如有疑问,欢迎留言探讨。
【Android使用SwipeBackLayout实现滑动返回上一级页面——实战来袭】

















    推荐阅读