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啦!欢迎互相学习!

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

时间: 2024-12-21 20:04:16

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

类似IOS的滑动返回上一级,SwipeBackLayout-android的滑动返回类库

     最近,公司在开发App的需求中增加了一个新的需求,要在android的页面中增加向右滑动的时候返回上一级页面.我刚知道这个需求的时候,感觉有点坑,可能设计那边最近接触到知乎的客户端或者是IOS的滑动可以返回上一级的效果,所以...     之前没有接触过android的滑动返回的开源库,所以还是找一下百度...    后来在Github上找到了SwipeBackLayout:GitHub地址是:https://github.com/ikew0ng/SwipeBackLayout   

Xamarin.Forms listview中的button按钮,实现带着参数返回上一级页面

今天在做列表显示的时候遇到一个问题,就是在ListView中如何才能让一个button的按钮工作并且包含参数呢? 其实有点类似于rep里的控件无法起获取一样.在Xamarin中,当你button绑定事件并不包含在listview的数据源中,那么这个按钮的事件便是无效的. 那么该怎么解决呢?找了一下午终于找到了解决方案 xaml: <AbsoluteLayout IsVisible="True" HorizontalOptions="EndAndExpand"&

ios系统自带的左化返回上一级页面

首先遵循UIGestureRecognizerDelegate协议 self.navigationController.interactivePopGestureRecognizer.enabled = YES; self.navigationController.interactivePopGestureRecognizer.delegate = self;

小程序返回上一级页面背景音乐报错 setBackgroundAudioState:fail title is nil!;

小程序初始化在onLoad的时候加载了一次背景音乐. 如果此时报错是title必传.如果没有 会报错一次 setBackgroundAudioState:fail title is nil!; 这个都知道 但同时我们可能有这样的一个情况 我再A页面. 播放了背景音乐 然后跳到B页面.修改了某些音乐参数 再调回A页面的时候报错了 解决: 在request的回调里面设置一次. 我尝试过在外面.在onShow设置.都没用,只有在success的回调的时候才会触发 原文地址:https://www.cn

android webview点击返回键返回上一级activity

android webview点击返回键返回上一个activity 1 @Override 2 public boolean onKeyDown(int keyCode, KeyEvent event) { 3 // TODO Auto-generated method stub 4 if (keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0) { 5 return true; 6 } 7 return super

Web 在线文件管理器学习笔记与总结(11)获取文件夹信息 (12)返回上一级操作

(11)获取文件夹信息 文件夹没有修改操作. index.php: <?php require 'dir.func.php'; require 'file.func.php'; require 'common.func.php'; $path = 'file'; $path = @$_REQUEST['path'][email protected]$_REQUEST['path']:$path; $info = readDirectory($path); if($info == NULL){ e

JavaScript特效之前进,后退(返回上一级)

在页面上增加前进,后退(返回上一级)功能: 方式一:使用函数 <script> function goback(){ history.go(-1);//返回或者history.back(); } function go(){ history.go(1);//前进或者history.forward(); } </script> 方式二: <a href="javascript:history.go(1)">前进</a> <a href

Matlab返回上一级菜单

返回上一级菜单 str=cd;index_dir=findstr(str,'\');str_temp=str(1:index_dir(end)-1); 这种办法最多回到根目录下一级 创建文件并且进入对于文件夹 dirname = str if ~(exist(dirname,'dir')==7) mkdir(fliename) end cd(dirname) 这两个操作连在一起操作,便于文档的储存

git bash返回上一级目录

[email protected] MINGW64 ~/learngit/gitskills (dev)$ cd ..\ 注意 cd 后面有空格 然后就会弹出一个 > 直接回车返回上一级目录 [email protected] MINGW64 ~/learngit (master)$ 原文地址:https://www.cnblogs.com/qaqhong/p/10695004.html