根据状态栏颜色亮度设置黑白字体(Android 6.0及以上版本)

Posted 2022-12-11 周文凯

前段时间看我们的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及以上才处理。经过查看用户分布(2018-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 https://stackoverflow.com/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 

    @Override
    public void setContentView(int layoutResID) 
        super.setContentView(layoutResID);
        setStatusBar(getStatusBarColor());
    

    @Override
    public 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 https://stackoverflow.com/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 

    @Override
    protected void onCreate(Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    

    @Override
    protected int getStatusBarColor() 
        return getResources().getColor(R.color.colorPrimary);
    

想要动态设置颜色，可以调用setStatusBar方法：

public class MainActivity extends BaseStatusBarActivity implements ColorPanelView.OnColorChangedListener 

    ColorPanelView mColorPanelView;

    @Override
    protected void onCreate(Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mColorPanelView = findViewById(R.id.cpv);
        mColorPanelView.setOnColorChangedListener(this);
    

    @Override
    public void onColorChanged(ColorPanelView view, int color) 
        setStatusBar(color);
    

效果

好吧，我承认这是18年第一个工作日的大水~~