之前公司項目UI改版的時候,把大部分標(biāo)題欄都設(shè)計成了白色,給我們的設(shè)計圖是這個樣子的:
站在用戶的角度思考問題,與客戶深入溝通,找到藍田網(wǎng)站設(shè)計與藍田網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都網(wǎng)站制作、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、主機域名、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋藍田地區(qū)。

設(shè)計圖.png
這狀態(tài)欄布局和圖標(biāo)挺像Android,但是這白底黑字Android設(shè)計規(guī)范里可沒有啊,于是我們開發(fā)的時候果斷忽視這個狀態(tài)欄了(當(dāng)時大部分用戶還都是Android 4.4)。
結(jié)果設(shè)計師拿著測試版過來問,你們安卓這個狀態(tài)欄顏色怎么沒改啊。
我:這個做不了。
設(shè)計師一臉質(zhì)疑。
我:Android4.4以上系統(tǒng)版本可以修改狀態(tài)欄顏色,但是只有小米的MIUI、魅族的Flyme和Android6.0以上系統(tǒng)可以把狀態(tài)欄文字和圖標(biāo)換成深色,其他的系統(tǒng)狀態(tài)欄文字都是白色的,換成淺色背景的話就看不到了。
設(shè)計師一臉懵逼不知所云。
后來看著這黑色狀態(tài)欄白色標(biāo)題欄實在難看,而且自己用的是MIUI,于是還是做了適配。
其實很多國內(nèi)三方Android系統(tǒng)都有深色狀態(tài)欄字體模式,但是目前只看到了小米和魅族公開了各自的實現(xiàn)方法,小米的支持MIUI V6以上版本,魅族的支持Flyme4.0以上版本。代碼如下:
/**
* 設(shè)置狀態(tài)欄圖標(biāo)為深色和魅族特定的文字風(fēng)格,F(xiàn)lyme4.0以上
* 可以用來判斷是否為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) {
//開發(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)上有關(guān)狀態(tài)欄顏色設(shè)置的文章很多,下面這段代碼是我用的狀態(tài)欄設(shè)置工具類,算是一個總結(jié)吧。
官方在4.4版本只提供了狀態(tài)欄透明的api,大家普遍采用開源庫SystemBarTint對4.4版本狀態(tài)欄顏色進行設(shè)置,請各位自行下載。
在設(shè)置狀態(tài)欄全透明后,整個activity布局都會上移充滿整個屏幕,如果你不想讓布局上移的話就需要在根布局設(shè)置
android:fitsSystemWindows="true"
以下為我的狀態(tài)欄設(shè)置工具類:
/**
* 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)欄設(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)類型時,設(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)格
* 可以用來判斷是否為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) {
//開發(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設(shè)置,還是得用MIUI自己的深色字體方法。
2017年7月,小米才終于想起來對狀態(tài)欄字符顏色的邏輯做了一次調(diào)整,改為兼容Android原生的設(shè)置方式,但是沒給出怎么區(qū)分舊系統(tǒng)與新系統(tǒng)的方法==、
關(guān)于 MIUI 狀態(tài)欄字符顏色邏輯調(diào)整的說明
沒辦法,只能在設(shè)置MIUI狀態(tài)欄的地方把兩種方法都寫上。
三方Android系統(tǒng)對底層改的挺亂的,也是讓人頭痛。O__O
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。
名稱欄目:Android狀態(tài)欄白底黑字的示例代碼
文章鏈接:http://www.chinadenli.net/article12/pieogc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、定制開發(fā)、網(wǎng)站維護、電子商務(wù)、服務(wù)器托管、營銷型網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)