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

前段时间看我们的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年第一个工作日的大水~~


评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值