美文网首页UI知识点
Android状态栏沉浸式实现,更改状态栏颜色,设置透明状态栏

Android状态栏沉浸式实现,更改状态栏颜色,设置透明状态栏

作者: yegc_ | 来源:发表于2017-11-18 11:40 被阅读0次
    实现状态栏沉浸式(透明状态栏)的几种方式:

    1、通过第三方jar包
    2、设置状态栏透明,顶部View拉伸一个状态栏高度(重点讲)
    3、利用toolbar中的colorPrimaryDark设置状态栏颜色

    注意:需要注意适配的问题,状态栏透明需要Android4.4以上,而直接改状态栏颜色需要Android5.0以上。

    1、通过第三方jar包

    上网搜SystemBarTint,这里不做介绍了

    2、设置状态栏透明,顶部View拉伸一个状态栏高度

    这种方法是思路是这样的,将状态栏设置成透明,相当于全屏,这个时候状态栏的内容会和布局的内容重叠,为顶部View拉伸一个状态栏的高度可去掉这种重叠。

    设置状态栏两种方法:

    第一种:在styles.xml文件定义主题,在AndroidManifest.xml中对需要沉浸式的activity引用主题。
    比如这样,设置无标题,状态栏透明(如果继承appcomtActivity的话,有可能设置无标题要用另一种方式,这个先不讨论,自己找方法)

    <resources>
        <!--
            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="android:Theme.Light">
            <!--
                Theme customizations available in newer API levels can go in
                res/values-vXX/styles.xml, while customizations related to
                backward-compatibility can go here.
            -->
        </style>
        <style name="TranslucentTheme" parent="AppBaseTheme">
              <!--在Android 4.4之前的版本上运行-->
            <item name="android:windowNoTitle">true</item>
        </style>
    </resources>
    

    考虑到适配问题,创建文件夹values-v19,同时创建styles.xml文件,用来区分4.4以上情况,values-v19中加上<item name="android:windowTranslucentStatus">true</item>

        <style name="TranslucentTheme" parent="AppBaseTheme">
              <!--在Android 4.4以上的版本上运行-->
            <item name="android:windowNoTitle">true</item>
            <item name="android:windowTranslucentStatus">true</item>
        </style>
    

    然后在AndroidManifest文件中设置主题,如:

            <activity
                android:name=".CommunityActivity"
                android:theme="@style/TranslucentTheme"
                android:label="Community" >
            </activity>
    

    这种方法不好的一点就是,在Android5.0以上即使设置了透明,我这仍会出现半透明的遮罩,下面这种方法可以通过修改状态栏颜色解决,看个人喜好吧。

    第二种:直接在java代码中实现,放在activity的setContentView后面,上代码:

    //Android5.0以上
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        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);
    }
    //Android4.4以上,5.0以下
    else if(Build.VERSION.SDK_INT>= Build.VERSION_CODES.KITKAT){
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    }
    
    拉伸View一个状态栏高度的两种方法:

    第一种:在顶部的View布局(一般是Toolbar或者自定义的布局)中加入:android:fitsSystemWindows="true"
    且需android:layout_height="wrap_content"
    这样系统会自动帮我们将该View设置一个paddingTop,解决重叠。
    但是在一些有EditText的情况下可能会出现问题,这个留到后面讲。
    第二种:在Java代码中实现,在activity中敲下面代码:

    //计算状态栏高度,加到View上
    int statusBarHeight = StatusBarUtil.getStatusBarHeight(this);
    mTopLayout.setPadding(0,statusBarHeight,0,0);
    

    获取状态栏的方法getStatusBarHeight:

        public static int getStatusBarHeight(Context context) {
            Resources resources = context.getResources();
            int resourceId = resources.getIdentifier("status_bar_height", "dimen","android");
            int height = resources.getDimensionPixelSize(resourceId);
            return height;
        }
    

    mTopLayout是我顶部的View(Toolbar同理),上面代码要在findViewById后才能调用。
    我个人看来,这种方法更可控,后面会讲到。

    可能出现的问题及解决方案:
    • 有EditText的情况:

    如果是通过android:fitsSystemWindows="true"来自动拉伸顶部的view的话,那么在有EditText的情况下,由于会弹出软键盘,所以这里测量的拉伸距离会增加一个软键盘的高度。
    解决办法有三种:
    一是在AndroidManifest文件设置Activity的软键盘的属性android:windowSoftInputMode="adjustPan"这样整个布局向上平移,也就不存在拉伸的问题。
    二是把android:fitsSystemWindows="true"放在根布局下,把根布局的背景色改成想要的状态栏色,不过这可能会有个问题,弹起键盘的过程中可能会闪屏,颜色是根布局背景色(本身就会闪屏,只不过原本是白色,看不出)。可以这么解决,弄一张背景图,图片上边缘是状态栏色,下面是白色就可以了,嫌麻烦的话基本可以放弃了。
    三是不用设置android:fitsSystemWindows="true"这种方法,而是上面提到的第二种方法,在java代码中实现,个人比较推荐。

    • 上一个activity有EditText的情况:

    若当前activity设置的是android:fitsSystemWindows="true",那么在上一个activity的软键盘打开状态,直接退回当前activity,会出现顶部view过度拉伸的现象,如下图:


    解决方法是当前activity用上面提到的第二张方法,在java代码实现。

    3、利用toolbar中的colorPrimaryDark设置状态栏颜色

    这方法只要在网上搜Toolbar的相关教程,都有相关的内容,主要是通过直接设置状态栏的颜色来达到效果,不过在低版本无效,只适用于Android5.0以上。

    基于学习需要,作如上总结,希望能帮助到需要的人以及提醒自己不断完善,共同进步。

    相关文章

      网友评论

        本文标题:Android状态栏沉浸式实现,更改状态栏颜色,设置透明状态栏

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