白底黑字！Android淺色狀態欄黑色字體模式

之前公司項目UI改版的時候，把大部分標題欄都設計成了白色，給我們的設計圖是這個樣子的：

設計圖.png

這狀態欄佈局和圖標挺像Android,但是這白底黑字Android設計規範裏可沒有啊，於是我們開發的時候果斷忽視這個狀態欄了（當時大部分用戶還都是Android 4.4）。

結果設計師拿着測試版過來問，你們安卓這個狀態欄顏色怎麼沒改啊。

我：這個做不了。

設計師一臉質疑。

我：Android4.4以上系統版本可以修改狀態欄顏色，但是隻有小米的MIUI、魅族的Flyme和Android6.0以上系統可以把狀態欄文字和圖標換成深色，其他的系統狀態欄文字都是白色的，換成淺色背景的話就看不到了。

設計師一臉懵逼不知所云。

後來看着這黑色狀態欄白色標題欄實在難看,而且自己用的是MIUI，於是還是做了適配。

其實很多國內三方Android系統都有深色狀態欄字體模式，但是目前只看到了小米和魅族公開了各自的實現方法，小米的支持MIUI V6以上版本，魅族的支持Flyme4.0以上版本。代碼如下：

/**
 * 設置狀態欄圖標爲深色和魅族特定的文字風格，Flyme4.0以上
 * 可以用來判斷是否爲Flyme用戶
 * @param window 需要設置的窗口
 * @param dark 是否把狀態欄字體及圖標顏色設置爲深色
 * @return  boolean 成功執行返回true
 *
 */
public static boolean FlymeSetStatusBarLightMode(Window window, boolean dark) {
    boolean result = false;
    if (window != null) {
        try {
            WindowManager.LayoutParams lp = window.getAttributes();
            Field darkFlag = WindowManager.LayoutParams.class
                    .getDeclaredField("MEIZU_FLAG_DARK_STATUS_BAR_ICON");
            Field meizuFlags = WindowManager.LayoutParams.class
                    .getDeclaredField("meizuFlags");
            darkFlag.setAccessible(true);
            meizuFlags.setAccessible(true);
            int bit = darkFlag.getInt(null);
            int value = meizuFlags.getInt(lp);
            if (dark) {
                value |= bit;
            } else {
                value &= ~bit;
            }
            meizuFlags.setInt(lp, value);
            window.setAttributes(lp);
            result = true;
        } catch (Exception e) {

        }
    }
    return result;
}

 /**
 * 需要MIUIV6以上
 * @param activity
 * @param dark 是否把狀態欄字體及圖標顏色設置爲深色
 * @return  boolean 成功執行返回true
 *
 */
public static boolean MIUISetStatusBarLightMode(Activity activity, boolean dark) {
    boolean result = false;
    Window window=activity.getWindow();
    if (window != null) {
        Class clazz = window.getClass();
        try {
            int darkModeFlag = 0;
            Class layoutParams = Class.forName("android.view.MiuiWindowManager$LayoutParams");
            Field field = layoutParams.getField("EXTRA_FLAG_STATUS_BAR_DARK_MODE");
            darkModeFlag = field.getInt(layoutParams);
            Method extraFlagField = clazz.getMethod("setExtraFlags", int.class, int.class);
            if(dark){
                extraFlagField.invoke(window,darkModeFlag,darkModeFlag);//狀態欄透明且黑色字體
            }else{
                extraFlagField.invoke(window, 0, darkModeFlag);//清除黑色字體
            }
            result=true;

            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                //開發版 7.7.13 及以後版本採用了系統API，舊方法無效但不會報錯，所以兩個方式都要加上
                if(dark){
                    activity.getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN| View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
                }else {
                    activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);
                }
            }
        }catch (Exception e){

        }
    }
    return result;
}

MIUI深色狀態欄字體模式.png

Flyme深色狀態欄字體模式.png

官方在Android6.0中提供了亮色狀態欄模式，配置只需一行代碼：

  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            activity.getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN|View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
   }

6.0原生深色狀態欄字體模式.png

網上有關狀態欄顏色設置的文章很多，下面這段代碼是我用的狀態欄設置工具類，算是一個總結吧。

官方在4.4版本只提供了狀態欄透明的api,大家普遍採用開源庫SystemBarTint對4.4版本狀態欄顏色進行設置，請各位自行下載。

在設置狀態欄全透明後，整個activity佈局都會上移充滿整個屏幕，如果你不想讓佈局上移的話就需要在根佈局設置

   android:fitsSystemWindows="true"

以下爲我的狀態欄設置工具類：

/**
* Created by 趙晨璞 
*/
public class StatusBarUtil {

/**
 * 修改狀態欄爲全透明
 * @param activity
 */
@TargetApi(19)
public static void transparencyBar(Activity activity){
    if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        Window window = activity.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);
     
    } else
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        Window window =activity.getWindow();
        window.setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,
                WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    }
}

/**
 * 修改狀態欄顏色，支持4.4以上版本
 * @param activity
 * @param colorId
 */
public static void setStatusBarColor(Activity activity,int colorId) {

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        Window window = activity.getWindow();
//      window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);  
        window.setStatusBarColor(activity.getResources().getColor(colorId));
    } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        //使用SystemBarTint庫使4.4版本狀態欄變色，需要先將狀態欄設置爲透明
        transparencyBar(activity);
        SystemBarTintManager tintManager = new SystemBarTintManager(activity);
        tintManager.setStatusBarTintEnabled(true);
        tintManager.setStatusBarTintResource(colorId);
    }
}

/**
 *狀態欄亮色模式，設置狀態欄黑色文字、圖標，
 * 適配4.4以上版本MIUIV、Flyme和6.0以上版本其他Android
 * @param activity
 * @return 1:MIUUI 2:Flyme 3:android6.0
 */
public static int StatusBarLightMode(Activity activity){
    int result=0;
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        if(MIUISetStatusBarLightMode(activity, true)){
            result=1;
        }else if(FlymeSetStatusBarLightMode(activity.getWindow(), true)){
            result=2;
        }else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            activity.getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN|View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
            result=3;
        }
    }
    return result;
}

/**
 * 已知系統類型時，設置狀態欄黑色文字、圖標。
 * 適配4.4以上版本MIUIV、Flyme和6.0以上版本其他Android
 * @param activity
 * @param type 1:MIUUI 2:Flyme 3:android6.0
 */
public static void StatusBarLightMode(Activity activity,int type){
    if(type==1){
       MIUISetStatusBarLightMode(activity, true);
    }else if(type==2){
        FlymeSetStatusBarLightMode(activity.getWindow(), true);
    }else if(type==3){
        activity.getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN|View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
    }

}

/**
 * 狀態欄暗色模式，清除MIUI、flyme或6.0以上版本狀態欄黑色文字、圖標
 */
public static void StatusBarDarkMode(Activity activity,int type){
    if(type==1){
        MIUISetStatusBarLightMode(activity, false);
    }else if(type==2){
        FlymeSetStatusBarLightMode(activity.getWindow(), false);
    }else if(type==3){
        activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);
    }

}


/**
 * 設置狀態欄圖標爲深色和魅族特定的文字風格
 * 可以用來判斷是否爲Flyme用戶
 * @param window 需要設置的窗口
 * @param dark 是否把狀態欄文字及圖標顏色設置爲深色
 * @return  boolean 成功執行返回true
 *
 */
public static boolean FlymeSetStatusBarLightMode(Window window, boolean dark) {
    boolean result = false;
    if (window != null) {
        try {
            WindowManager.LayoutParams lp = window.getAttributes();
            Field darkFlag = WindowManager.LayoutParams.class
                    .getDeclaredField("MEIZU_FLAG_DARK_STATUS_BAR_ICON");
            Field meizuFlags = WindowManager.LayoutParams.class
                    .getDeclaredField("meizuFlags");
            darkFlag.setAccessible(true);
            meizuFlags.setAccessible(true);
            int bit = darkFlag.getInt(null);
            int value = meizuFlags.getInt(lp);
            if (dark) {
                value |= bit;
            } else {
                value &= ~bit;
            }
            meizuFlags.setInt(lp, value);
            window.setAttributes(lp);
            result = true;
        } catch (Exception e) {

        }
    }
    return result;
}

 /**
 * 需要MIUIV6以上
 * @param activity
 * @param dark 是否把狀態欄文字及圖標顏色設置爲深色
 * @return  boolean 成功執行返回true
 *
 */
public static boolean MIUISetStatusBarLightMode(Activity activity, boolean dark) {
    boolean result = false;
    Window window=activity.getWindow();
    if (window != null) {
        Class clazz = window.getClass();
        try {
            int darkModeFlag = 0;
            Class layoutParams = Class.forName("android.view.MiuiWindowManager$LayoutParams");
            Field field = layoutParams.getField("EXTRA_FLAG_STATUS_BAR_DARK_MODE");
            darkModeFlag = field.getInt(layoutParams);
            Method extraFlagField = clazz.getMethod("setExtraFlags", int.class, int.class);
            if(dark){
                extraFlagField.invoke(window,darkModeFlag,darkModeFlag);//狀態欄透明且黑色字體
            }else{
                extraFlagField.invoke(window, 0, darkModeFlag);//清除黑色字體
            }
            result=true;

            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                //開發版 7.7.13 及以後版本採用了系統API，舊方法無效但不會報錯，所以兩個方式都要加上
                if(dark){
                    activity.getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN| View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
                }else {
                    activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);
                }
            }
        }catch (Exception e){

        }
    }
    return result;
}
}

適配淺色狀態欄深色字體的時候發現底層版本爲Android6.0.1的MIUI7.1系統不支持View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR設置，還是得用MIUI自己的深色字體方法。

2017年7月，小米才終於想起來對狀態欄字符顏色的邏輯做了一次調整，改爲兼容Android原生的設置方式，但是沒給出怎麼區分舊系統與新系統的方法==、
關於 MIUI 狀態欄字符顏色邏輯調整的說明
沒辦法，只能在設置MIUI狀態欄的地方把兩種方法都寫上。

三方Android系統對底層改的挺亂的，也是讓人頭痛。O__O

---

神馬？寫了這麼多，你就說了句圖裏的妹子挺好看的。。。

圖片是隨手從網上找的。。。

如果你覺得本文有點用處或是覺得我找的這張圖不錯就請隨手點個贊吧。。。