Android沉浸式体验适配方案

2019年5月8日 156次阅读 来源: 啸天AskSky

《Android沉浸式体验适配方案》 沉浸式体验效果预览

什么是沉浸式体验

沉浸式就是要给用户提供完全沉浸的体验，使用户有一种置身于虚拟世界之中的感觉。这种体验在各类游戏中被广泛应用，绝大部分的游戏都会在打开后，使得屏幕被完全被游戏占据，让玩家沉浸其中。这里，抛开人机设计交互体验上不说，从技术角度看Android APP如何实现沉浸式效果。

《Android沉浸式体验适配方案》 适配沉浸式状态栏前后效果对比.jpg

如上可以看出，做过沉浸式体验的显示效果会更好一些

实现方案

  • 主题配置
<!--在主题中设置去除状态栏--> 
<style name="AppTheme" parent="Theme.AppCompat.NoActionBar"/>
  • 代码设置
        Window window = getWindow();
        View decorView = window.getDecorView();
        int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                | View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
        decorView.setSystemUiVisibility(option);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            window.setStatusBarColor(Color.TRANSPARENT);
        }

此时图片和布局就会延伸到状态栏了

《Android沉浸式体验适配方案》 状态栏重叠

效果如上图，可以看出，沉浸式的效果是出来了，但是也有一个问题，我们的标题栏和状态栏重叠了，相当于整个布局上移了StatusBar 的高度。

为了让标题栏回到原来的位置，我们在标题栏的上方添加一个大小和StatusBar大小一样的View。我写了一个通用状态栏，拿去用，不谢：

public class StatusBarView extends View {
    private static int mStatusBarHeight;

    public StatusBarView(Context context) {
        this(context, null);
    }

    public StatusBarView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            mStatusBarHeight = getStatusBarHeight(context);
        }
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMeasuredDimension(MeasureSpec.getSize(widthMeasureSpec), mStatusBarHeight);
    }

    //此处代码可以放到StatusBarUtils
    public static int getStatusBarHeight(Context context) {
        if (mStatusBarHeight == 0) {
            Resources res = context.getResources();
            int resourceId = res.getIdentifier("status_bar_height", "dimen", "android");
            if (resourceId > 0) {
                mStatusBarHeight = res.getDimensionPixelSize(resourceId);
            }
        }
        return mStatusBarHeight;
    }
}

兼容性如何？

该方案适用于Android4.4（API 19）及以上

实际上，Android对于状态栏的操作，一直都在不断改善，并且表现越来越好，在Android4.4 以下，我们可以对StatusBar和 NavigationBar进行显示和隐藏操作。但是直到Android4.4,我们才能真正意义上的实现沉浸式状态栏。从Android4.4 到现在（Android 7.1），关于沉浸式大概可以分成三个阶段：
Android4.4（API 19） – Android 5.0（API 21）： 这个阶段可以实现沉浸式，但是表现得还不是很好，实现方式为: 通过FLAG_TRANSLUCENT_STATUS设置状态栏为透明并且为全屏模式，然后通过添加一个与StatusBar 一样大小的View，将View 的 background 设置为我们想要的颜色，从而来实现沉浸式。
Android 5.0（API 21）以上版本： 在Android 5.0的时候，加入了一个重要的属性和方法 android:statusBarColor （对应方法为 setStatusBarColor），通过这个方法我们就可以轻松实现沉浸式。也就是说，从Android5.0开始，系统才真正的支持沉浸式。
Android 6.0（API 23）以上版本：其实Android6.0以上的实现方式和Android 5.0 +是一样，为什么要将它归为一个单独重要的阶段呢？是因为从Android 6.0（API 23）开始，我们可以改状态栏的绘制模式，可以显示白色或浅黑色的内容和图标（除了魅族手机，魅族自家有做源码更改，6.0以下就能实现）

以上，就是沉浸式状态栏的所有适配内容。因为考虑到阅读成本，因此篇幅尽可能精简。如果需要深入研究，推荐一篇个人认为很好的文章：

作者：依然范特稀西
链接：https://juejin.im/post/5989ded56fb9a03c3b6c8bde
来源：掘金

感谢评论区小白cz的反馈，关于状态栏高度获取的问题，我用我们公司20+款不同机型的主流手机暂未发现适配问题，现适配版本已上线，暂无用户反馈。但建议宝宝们根据自身情况择优录取

    原文作者：啸天AskSky
    原文地址: https://www.jianshu.com/p/a3b79813b664
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞