Android沉浸式体验适配方案

作者: 啸天AskSky | 来源:发表于2019-03-04 16:19 被阅读13次
    沉浸式体验效果预览

    什么是沉浸式体验

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

    适配沉浸式状态栏前后效果对比.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);
            }
    

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


    状态栏重叠

    效果如上图,可以看出,沉浸式的效果是出来了,但是也有一个问题,我们的标题栏和状态栏重叠了,相当于整个布局上移了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
    来源:掘金

    相关文章

      网友评论

        本文标题:Android沉浸式体验适配方案

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