白底黑字！Android淺色狀態(tài)欄黑色字體模式

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

設計圖.png

這狀態(tài)欄布局和圖標挺像Android,但是這白底黑字Android設計規(guī)范里可沒有啊，于是我們開發(fā)的時候果斷忽視這個狀態(tài)欄了（當時大部分用戶還都是Android 4.4）。

結果設計師拿著測試版過來問，你們安卓這個狀態(tài)欄顏色怎么沒改啊。

我：這個做不了。

設計師一臉質疑。

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

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

后來看著這黑色狀態(tài)欄白色標題欄實在難看,而且自己用的是MIUI，于是還是做了適配。

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

/**
 * 設置狀態(tài)欄圖標為深色和魅族特定的文字風格，F(xiàn)lyme4.0以上
 * 可以用來判斷是否為Flyme用戶
 * @param window 需要設置的窗口
 * @param dark 是否把狀態(tài)欄字體及圖標顏色設置為深色
 * @return  boolean 成功執(zhí)行返回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 是否把狀態(tài)欄字體及圖標顏色設置為深色
 * @return  boolean 成功執(zhí)行返回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);//狀態(tài)欄透明且黑色字體
            }else{
                extraFlagField.invoke(window, 0, darkModeFlag);//清除黑色字體
            }
            result=true;

            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                //開發(fā)版 7.7.13 及以后版本采用了系統(tǒng)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深色狀態(tài)欄字體模式.png
Flyme深色狀態(tài)欄字體模式.png

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

  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原生深色狀態(tài)欄字體模式.png

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

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

在設置狀態(tài)欄全透明后，整個activity布局都會上移充滿整個屏幕，如果你不想讓布局上移的話就需要在根布局設置

   android:fitsSystemWindows="true"

以下為我的狀態(tài)欄設置工具類：

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

/**
 * 修改狀態(tài)欄為全透明
 * @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);
    }
}

/**
 * 修改狀態(tài)欄顏色，支持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版本狀態(tài)欄變色，需要先將狀態(tài)欄設置為透明
        transparencyBar(activity);
        SystemBarTintManager tintManager = new SystemBarTintManager(activity);
        tintManager.setStatusBarTintEnabled(true);
        tintManager.setStatusBarTintResource(colorId);
    }
}

/**
 *狀態(tài)欄亮色模式，設置狀態(tài)欄黑色文字、圖標，
 * 適配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;
}

/**
 * 已知系統(tǒng)類型時，設置狀態(tài)欄黑色文字、圖標。
 * 適配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);
    }

}

/**
 * 狀態(tài)欄暗色模式，清除MIUI、flyme或6.0以上版本狀態(tài)欄黑色文字、圖標
 */
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);
    }

}


/**
 * 設置狀態(tài)欄圖標為深色和魅族特定的文字風格
 * 可以用來判斷是否為Flyme用戶
 * @param window 需要設置的窗口
 * @param dark 是否把狀態(tài)欄文字及圖標顏色設置為深色
 * @return  boolean 成功執(zhí)行返回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 是否把狀態(tài)欄文字及圖標顏色設置為深色
 * @return  boolean 成功執(zhí)行返回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);//狀態(tài)欄透明且黑色字體
            }else{
                extraFlagField.invoke(window, 0, darkModeFlag);//清除黑色字體
            }
            result=true;

            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                //開發(fā)版 7.7.13 及以后版本采用了系統(tǒng)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;
}
}

適配淺色狀態(tài)欄深色字體的時候發(fā)現(xiàn)底層版本為Android6.0.1的MIUI7.1系統(tǒng)不支持View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR設置，還是得用MIUI自己的深色字體方法。

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

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

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

圖片是隨手從網(wǎng)上找的。。。

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

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容