Android狀態(tài)欄白底黑字的示例代碼

之前公司項(xiàng)目UI改版的時(shí)候,把大部分標(biāo)題欄都設(shè)計(jì)成了白色,給我們的設(shè)計(jì)圖是這個(gè)樣子的:

站在用戶的角度思考問(wèn)題,與客戶深入溝通,找到藍(lán)田網(wǎng)站設(shè)計(jì)與藍(lán)田網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類(lèi)型包括:成都網(wǎng)站制作、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、主機(jī)域名、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋藍(lán)田地區(qū)。

Android狀態(tài)欄白底黑字的示例代碼

設(shè)計(jì)圖.png

這狀態(tài)欄布局和圖標(biāo)挺像Android,但是這白底黑字Android設(shè)計(jì)規(guī)范里可沒(méi)有啊,于是我們開(kāi)發(fā)的時(shí)候果斷忽視這個(gè)狀態(tài)欄了(當(dāng)時(shí)大部分用戶還都是Android 4.4)。

結(jié)果設(shè)計(jì)師拿著測(cè)試版過(guò)來(lái)問(wèn),你們安卓這個(gè)狀態(tài)欄顏色怎么沒(méi)改啊。

我:這個(gè)做不了。

設(shè)計(jì)師一臉質(zhì)疑。

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

設(shè)計(jì)師一臉懵逼不知所云。

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

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

/**
 * 設(shè)置狀態(tài)欄圖標(biāo)為深色和魅族特定的文字風(fēng)格,F(xiàn)lyme4.0以上
 * 可以用來(lái)判斷是否為Flyme用戶
 * @param window 需要設(shè)置的窗口
 * @param dark 是否把狀態(tài)欄字體及圖標(biāo)顏色設(shè)置為深色
 * @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)欄字體及圖標(biāo)顏色設(shè)置為深色
 * @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) {
        //開(kāi)發(fā)版 7.7.13 及以后版本采用了系統(tǒng)API,舊方法無(wú)效但不會(huì)報(bào)錯(cuò),所以兩個(gè)方式都要加上
        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;
}

Android狀態(tài)欄白底黑字的示例代碼

MIUI深色狀態(tài)欄字體模式.png

Android狀態(tài)欄白底黑字的示例代碼

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);
  }

Android狀態(tài)欄白底黑字的示例代碼

6.0原生深色狀態(tài)欄字體模式.png

網(wǎng)上有關(guān)狀態(tài)欄顏色設(shè)置的文章很多,下面這段代碼是我用的狀態(tài)欄設(shè)置工具類(lèi),算是一個(gè)總結(jié)吧。

官方在4.4版本只提供了狀態(tài)欄透明的api,大家普遍采用開(kāi)源庫(kù)SystemBarTint對(duì)4.4版本狀態(tài)欄顏色進(jìn)行設(shè)置,請(qǐng)各位自行下載。

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

android:fitsSystemWindows="true"

以下為我的狀態(tài)欄設(shè)置工具類(lè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庫(kù)使4.4版本狀態(tài)欄變色,需要先將狀態(tài)欄設(shè)置為透明
    transparencyBar(activity);
    SystemBarTintManager tintManager = new SystemBarTintManager(activity);
    tintManager.setStatusBarTintEnabled(true);
    tintManager.setStatusBarTintResource(colorId);
  }
}

/**
 *狀態(tài)欄亮色模式,設(shè)置狀態(tài)欄黑色文字、圖標(biāo),
 * 適配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)類(lèi)型時(shí),設(shè)置狀態(tài)欄黑色文字、圖標(biāo)。
 * 適配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)欄黑色文字、圖標(biāo)
 */
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);
  }

}


/**
 * 設(shè)置狀態(tài)欄圖標(biāo)為深色和魅族特定的文字風(fēng)格
 * 可以用來(lái)判斷是否為Flyme用戶
 * @param window 需要設(shè)置的窗口
 * @param dark 是否把狀態(tài)欄文字及圖標(biāo)顏色設(shè)置為深色
 * @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)欄文字及圖標(biāo)顏色設(shè)置為深色
 * @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) {
        //開(kāi)發(fā)版 7.7.13 及以后版本采用了系統(tǒng)API,舊方法無(wú)效但不會(huì)報(bào)錯(cuò),所以兩個(gè)方式都要加上
        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)欄深色字體的時(shí)候發(fā)現(xiàn)底層版本為Android6.0.1的MIUI7.1系統(tǒng)不支持View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR設(shè)置,還是得用MIUI自己的深色字體方法。

2017年7月,小米才終于想起來(lái)對(duì)狀態(tài)欄字符顏色的邏輯做了一次調(diào)整,改為兼容Android原生的設(shè)置方式,但是沒(méi)給出怎么區(qū)分舊系統(tǒng)與新系統(tǒng)的方法==、

關(guān)于 MIUI 狀態(tài)欄字符顏色邏輯調(diào)整的說(shuō)明

沒(méi)辦法,只能在設(shè)置MIUI狀態(tài)欄的地方把兩種方法都寫(xiě)上。

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

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。

名稱欄目:Android狀態(tài)欄白底黑字的示例代碼
文章鏈接:http://muchs.cn/article12/pieogc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)定制開(kāi)發(fā)、網(wǎng)站維護(hù)電子商務(wù)、服務(wù)器托管營(yíng)銷(xiāo)型網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)