状态栏

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

2019-11-01  本文已影响0人  maiduoduo
实现状态栏沉浸式(透明状态栏)的几种方式:

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后才能调用。
我个人看来,这种方法更可控,后面会讲到。

可能出现的问题及解决方案:

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

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

image

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

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

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

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

作者:yegc_
链接:https://www.jianshu.com/p/3b9e631c3a02
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

上一篇下一篇

猜你喜欢

热点阅读