前段时间看我们的APP顶部的状态栏还是默认的黑色,搭配上整体的白色背景,的确有点丑,改成白色的状态栏多显大气。
背景颜色
直到Android 5.0系统才提供了设置状态栏背景颜色的方法,使用StatusBarUtil库可以最低支持到Android 4.4,这个看起来是一个比较好的解决方案,但是状态栏的颜色如果改为白色,那么就看不到状态栏内的文字了。
聪明的你肯定想到,把状态栏内的字体改为黑色的不就完了。
字体颜色
问题就在字体颜色的修改上,小米的MIUI和魅族的Flyme在Android 4.4之后各自提供了自家的修改方法,其他品牌只能在Android 6.0及以后才能修改。
MIUI
public static boolean setMIUIStatusBarLightMode(Window window, boolean dark) {boolean result = false;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;} catch (Exception e) {}}return result;}
Flyme
public static boolean setMeizuStatusBarDarkIcon(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;}
解决方案
最初的想法是针对小米和魅族分别处理,其他系统在Android 6.0及以上才处理。经过查看用户分布(-02-23)Android 6.0之下占33.27%,小米用户6.69%,魅族用户1.08%。这样一看都没有必要对小米、魅族分别处理了,那就都统一到Android 6.0去设置吧。
/*** Android 6.0 以上设置状态栏颜色*/private void setLightMode() {if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {// 设置状态栏底色白色getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);getWindow().setStatusBarColor(Color.WHITE);// 设置状态栏字体黑色getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);}}
然后想下通用性不够,如果以后我想设置其他颜色或者给其他人使用的时候,显然就不够用了。
希望这样,根据状态栏设置的颜色亮度来动态配置是黑色字体还是白色字体。在stackoverflow上找到判断一个颜色是亮色还是暗色的问题 Check if color is dark or light in Android,最简单的方式是调用support包中提供的计算颜色亮度的方法。
/*** 判断颜色是不是亮色** @param color* @return* @from /questions/24260853/check-if-color-is-dark-or-light-in-android*/private boolean isLightColor(@ColorInt int color) {return ColorUtils.calculateLuminance(color) >= 0.5;}
定义一个基类,子类通过getStatusBarColor设置状态栏颜色,然后根据颜色是亮色还是暗色,对字体颜色进行设置。
public class BaseStatusBarActivity extends AppCompatActivity {@Overridepublic void setContentView(int layoutResID) {super.setContentView(layoutResID);setStatusBar(getStatusBarColor());}@Overridepublic void setContentView(View view) {super.setContentView(view);setStatusBar(getStatusBarColor());}/*** Android 6.0 以上设置状态栏颜色*/protected void setStatusBar(@ColorInt int color) {if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {// 设置状态栏底色颜色getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);getWindow().setStatusBarColor(color);// 如果亮色,设置状态栏文字为黑色if (isLightColor(color)) {getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);} else {getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);}}}/*** 判断颜色是不是亮色** @param color* @return* @from /questions/24260853/check-if-color-is-dark-or-light-in-android*/private boolean isLightColor(@ColorInt int color) {return ColorUtils.calculateLuminance(color) >= 0.5;}/*** 获取StatusBar颜色,默认白色** @return*/protected @ColorInt int getStatusBarColor() {return Color.WHITE;}}
在使用的时候,直接继承BaseStatusBarActivity即可:
public class MainActivity extends BaseStatusBarActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);}@Overrideprotected int getStatusBarColor() {return getResources().getColor(R.color.colorPrimary);}}
想要动态设置颜色,可以调用setStatusBar方法:
public class MainActivity extends BaseStatusBarActivity implements ColorPanelView.OnColorChangedListener {ColorPanelView mColorPanelView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mColorPanelView = findViewById(R.id.cpv);mColorPanelView.setOnColorChangedListener(this);}@Overridepublic void onColorChanged(ColorPanelView view, int color) {setStatusBar(color);}}
效果
好吧,我承认这是第一个工作日的大水~~