Android中状态栏适配问题

Android的状态栏由于第三方厂商的自由发挥国内设计偏向于iOS设计风格的两大重要原因给Android开发者造成了巨大的困扰。

我们分别从以下三个问题入手来解决Android的状态栏的适配问题:

  1. 状态栏变色
  2. 沉浸式状态栏
  3. 状态栏黑色图标设置

在正式来看这几个问题之前,我们先了解一下原生Android在状态栏上不同版本SDK的特性。主要有三个版本节点(Android4.4.2、Android5.0和Android6.0)需要注意:

Android版本 设置状态栏颜色 设置沉浸式状态栏 设置黑色图标
Android4.4.2 API19以下(不含) false false false
Android5.0 API21以下(不含) false true false
Android6.0 API23以下(不含) true true false
Android6.0 API23及以上版本 true true true

看到这,你忽然觉得状态栏适配似乎没什么复杂的。但是你不要忽略了国内各家的第三方ROM和老板要求你强行适配其他原生不支持设置状态栏的低版本Android系统,当这个时候你就会发现事情没有那么简单了。

一、设置状态栏颜色

1.Android5.0及以上版本设置状态栏颜色

Android5.0以上我们可以直接使用Window中的方法setStatusBarCorlor()来设置颜色即可,当我们点开这个方法是我们发现还有一个问题需要注意,系统对此方法的注释是这样的:

 /**
     * Sets the color of the status bar to {@code color}.
     *
     * For this to take effect,
     * the window must be drawing the system bar backgrounds with
     * {@link android.view.WindowManager.LayoutParams#FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS} and
     * {@link android.view.WindowManager.LayoutParams#FLAG_TRANSLUCENT_STATUS} must not be set.
     *
     * If {@code color} is not opaque, consider setting
     * {@link android.view.View#SYSTEM_UI_FLAG_LAYOUT_STABLE} and
     * {@link android.view.View#SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN}.
     * 

* The transitionName for the view background will be "android:status:background". *

*/
public abstract void setStatusBarColor(@ColorInt int color);

因此我们还需要给Window设置FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDSFLAG_TRANSLUCENT_STATUS这两个flag,设置状态栏的颜色才能生效。

代码如下:

public class StatusBarUtils {
    public static void setStatusBarBackgroundColor(Activity activity, @ColorRes int colorResId) {
        Window window = activity.getWindow();
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            window.setStatusBarColor(activity.getResources().getColor(colorResId));
        }
    }
}

2.Android4.4.2版本设置状态栏颜色

Android4.4.2版本上系统没有提供方法给我们修改状态栏颜色,我们只能通过其他方法来修改状态栏的颜色。

我们可以先把状态栏设置成半透明,然后在decorview的顶部增加一个和状态栏等高的View通过改变这个View的颜色达到更改状态栏颜色的目的。

public class StatusBarUtils {

    /**
     * 修改状态栏颜色
     * @param activity
     * @param colorResId
     */
    public static void setStatusBarBackgroundColor(Activity activity, @ColorRes int colorResId) {
        Window window = activity.getWindow();
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            window.setStatusBarColor(activity.getResources().getColor(colorResId));
        }else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){
            //开启半透明时 
            window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            ViewGroup decorViewGroup = (ViewGroup) window.getDecorView();
            View statusBarView = new View(window.getContext());
            //状态栏高度
            int statusBarHeight = getStatusBarHeight(window.getContext());
            FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT, statusBarHeight);
            params.gravity = Gravity.TOP;
            statusBarView.setLayoutParams(params);
            //我们可以设置普通的颜色也可以设置渐变色
            statusBarView.setBackgroundColor(activity.getResources().getColor(colorResId));
            decorViewGroup.addView(statusBarView);
        }
    }

    /**
     * 获取系统状态栏高度
     * @param context
     * @return
     */
    public static int getStatusBarHeight(Context context) {
        int statusBarHeight = 0;
        Resources res = context.getResources();
        int resourceId = res.getIdentifier("status_bar_height", "dimen", "android");
        if (resourceId > 0) {
            statusBarHeight = res.getDimensionPixelSize(resourceId);
        }
        return statusBarHeight;
    }
}

Android4.4.2系统下设置状态栏半透明时,会有一些需要注意的问题。

如果你使用了系统titleBar,当你设置了半透明状态栏之后发现我们的layout布局会占据状态栏的空间而titleBar的位置却没有改变。这个时候我们只要设置android:fitsSystemWindows="true"就可以了,它表示layout不占据状态栏的位置。

设置android:fitsSystemWindows="true"之前:
Android中状态栏适配问题_第1张图片
设置android:fitsSystemWindows="true"之后:
Android中状态栏适配问题_第2张图片
如果你不使用系统的titleBar(设置true)就不要设置这个属性,如果你设置了也会有问题。
Android中状态栏适配问题_第3张图片
这些问题在开发中都是需要注意的。


二、设置沉浸式状态栏

沉浸式状态栏只要系统版本大于等于Android4.4.2 API19就可以实现。

通过style中设置沉浸式状态栏

    
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        
        "colorPrimary">@color/colorPrimary
        "colorPrimaryDark">@color/colorPrimaryDark
        "colorAccent">@color/colorAccent
        "windowNoTitle">true
    style>
    
    <style name="TranslucentTheme" parent="AppTheme"/>