美文网首页
如何写一个真正的沉浸式状态栏

如何写一个真正的沉浸式状态栏

作者: 恍惚中迷失 | 来源:发表于2018-04-05 11:37 被阅读0次

    为什么起这个名字呢,其实我发现网上所流传的状态栏只是将状态栏进行了透明化,然后有一半的状态栏进行向上移动,使得我们的app开发的时候相当的丑。。

    准备工作

    首先,我们需要在values目录下创建一个dimens.xml文件,并且相对的在values的同一层级目录下创建values-19目录,也创建一个dimens.xml文件

    在values的dimens.xml目录中写上

    <resources>
        <dimen name="toolbar_padding_top">0dp</dimen>
    </resources>
    

    同时在values-19目录下写上

    <resources>
        <dimen name="toolbar_padding_top">25dp</dimen>
    </resources>
    

    接下来进入创建toolbar的工作

    创建toolbar

    创建toolbar需要注意的几个点,我们需要设置的是minHeight、layout_height以及一个paddingTop工作

        android:minHeight="?attr/actionBarSize"
        android:layout_height="wrap_content"
        android:paddingTop="@dimen/toolbar_padding_top"
    

    这里要设置一下,他会根据版本不同进行不同的拉伸,否则会出现上面是白色的情况

    <android.support.v7.widget.Toolbar
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/toolbar"
        android:background="@color/colorPrimary"
        android:layout_width="match_parent"
        android:minHeight="?attr/actionBarSize"
        android:layout_height="wrap_content"
        android:paddingTop="@dimen/toolbar_padding_top"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        >
    
    </android.support.v7.widget.Toolbar>
    

    代码设置

    首先先做一个是否需要沉浸式状态栏的判断,如果不需要,则将padding设置为0,否则的话,就将其设置沉浸式

            if (isNeedTranslucentStatus()) {
    
                setTranslucentStatus();
    
            } else {
    
                toolbar.setPadding(0, 0, 0, 0);
    
            }
    
    

    设置沉浸式方法

     /**
         * 设置沉浸式
         */
        private void setTranslucentStatus() {
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            // 这个属性4.4算是全透明(有的机子是过渡形式的透明),5.0就是半透明了 我的模拟器、真机都是半透明,
    
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {// 4.4 全透明状态栏
                getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    //            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
            }
    
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {// 5.0 全透明实现
                Window window = getWindow();
                window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
                window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
                window.setStatusBarColor(Color.TRANSPARENT);// calculateStatusColor(Color.WHITE, (int) alphaValue)
    
            }
    

    实际应用到沉浸式蛮多的,人需要多记笔记,这样才不会忘记

    demo地址:github.com/ci250454344/MyDemo

    相关文章

      网友评论

          本文标题:如何写一个真正的沉浸式状态栏

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