安卓透明StatusBar及设置文字图标颜色

自定义状态栏的实现一般分为两种方式:
1)将布局内容延展至状态栏;
2)使用沉浸式状态栏

由于大部分android系统状态栏采用黑色背景,白色的字体图标。这导致以上两种实现方式存在一个共性问题,即状态栏背景颜色定义为白色等浅色调时,这导致状态栏显示白屏。

该问题只能通过更改状态栏字体图标的颜色来解决,但存在兼容性问题。目前只有MIUI6及以上、魅族以及android 6.0以上可以设置

注意,测试手机MX5,android系统5.1,flyme6.0.2.0A,在设置状态栏颜色setStatusBar后,系统会根据statusbar的色调自动变更状态栏字体图标颜色。

一、布局内容延展至状态栏

注意:android 4.4及以上可以实现该功能。

实现该功能最简单粗暴的方法是使用属性windowTranslucentStatus="true",该属性使布局内容得以延伸到状态栏和导航栏所在的空间,形成类似全屏的视觉效果。但使用该方法后会引入一些问题。

该属性的java设置方法为:

activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS );
activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS );
1、界面布局上部分和状态栏重合。

该问题的解决方案:
1) 界面根布局设置属性fitsSystemWindow=true,该属性使得屏幕上的可布局空间位于状态栏下方与导航栏上方。但该属性只对简单布局有效,且可能引入EditText输入时软键盘遮挡光标的问题;

一个高票workround解决方案如下:

//调用方式
//To use this class, simply invoke assistActivity() on an Activity that already has its content view set. 

//实现方法
public class AndroidBug5497Workaround {

    // For more information, see https://code.google.com/p/android/issues/detail?id=5497
    // To use this class, simply invoke assistActivity() on an Activity that already has its content view set.

    public static void assistActivity (Activity activity) {
        new AndroidBug5497Workaround(activity);
    }

    private View mChildOfContent;
    private int usableHeightPrevious;
    private FrameLayout.LayoutParams frameLayoutParams;

    private AndroidBug5497Workaround(Activity activity) {
        FrameLayout content = (FrameLayout) activity.findViewById(android.R.id.content);
        mChildOfContent = content.getChildAt(0);
        mChildOfContent.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            public void onGlobalLayout() {
                possiblyResizeChildOfContent();
            }
        });
        frameLayoutParams = (FrameLayout.LayoutParams) mChildOfContent.getLayoutParams();
    }

    private void possiblyResizeChildOfContent() {
        int usableHeightNow = computeUsableHeight();
        if (usableHeightNow != usableHeightPrevious) {
            int usableHeightSansKeyboard = mChildOfContent.getRootView().getHeight();
            int heightDifference = usableHeightSansKeyboard - usableHeightNow;
            if (heightDifference > (usableHeightSansKeyboard/4)) {
                // keyboard probably just became visible
                frameLayoutParams.height = usableHeightSansKeyboard - heightDifference;
            } else {
                // keyboard probably just became hidden
                frameLayoutParams.height = usableHeightSansKeyboard;
            }
            mChildOfContent.requestLayout();
            usableHeightPrevious = usableHeightNow;
        }
    }

    private int computeUsableHeight() {
        Rect r = new Rect();
        mChildOfContent.getWindowVisibleDisplayFrame(r);
        return (r.bottom - r.top);
    }

}

2)手动在布局中添加StatusBar的空间,设置一个25dp的view来搞定。注意,可能不同版本的StatusBar高度不同,需要用dimen来设备
3)代码设置根布局的margin;topMagin的值等于状态栏的高度。缺点是每个界面布局需要使用统一的布局格式

//获取状态栏高度
public static int getStatusBarHeight(Context context)
{
    int result = 0;
    int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
    if (resourceId > 0)
    {
        result = context.getResources().getDimensionPixelSize(resourceId);
    }
    return result;
}

该方案在面对浅色状态布局内容时,存在限制。

参考:http://blog.csdn.net/ling9400/article/details/59478358
https://www.zhihu.com/question/31468556

二、沉浸式状态栏

如果不需要支持 4.4,建议使用 statusBarColor
如果需要支持 4.4,建议 4.4 使用 windowTranslucentStatus;5.x 使用 statusBarColor/colorPrimaryDark

方案如下

//设置状态栏颜色
1、activity.getWindow().setStatusBarColor(int color)

//因为 FLAT_LAYOUT_STABLE 和 FLAG_LAYOUT_FULLSCREEN 是伴随 translucentStatus 自动设置的,v21 上需要手动设置
2、activity.getWindow()
    .getDecorView()
    .setSystemUiVisibility(
                View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);

//调整view的高度,可以动态设置为StatusBar 的 Height;或者设置padding
3、<android.support.v7.widget.Toolbar
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    android:elevation="@dimen/space_small"
    android:paddingTop="@dimen/status_bar_height/>

 //dimens.xml
<dimen name="status_bar_height">25dp</dimen>

//values-v23/dimens.xml
<dimen name="status_bar_height">24dp</dimen>

//小米沉浸式状态栏
https://dev.mi.com/doc/p=4769/ //

//魅族沉浸式状态栏
http://open-wiki.flyme.cn/index.php?title=%E7%8A%B6%E6%80%81%E6%A0%8F%E5%8F%98%E8%89%B2

三、深色状态栏方案

注意,改变状态栏文字图标颜色的代码,需要在主线程运行。

关于机型判断,可参考一下文章:
//魅族机型判断
http://blog.csdn.net/sslinp/article/details/50535188

////如何判断小米系统
https://dev.mi.com/doc/?p=254

一、魅族手机设置

//注意该方法需要在setStatusColor调用前设置,否则系统状态栏颜色变为黑色。
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) {
                Log.e("MeiZu", "setStatusBarDarkIcon: failed");
            }
        }
        return result;
    }

参考:魅族官网解决方案flyme4+

二、小米手机方案

    //MIUI 6.0以上
    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){

            }

            //在新的 MIUI 版本(即基于 Android 6.0 ,开发版 7.7.13 及以后版本).使用新方案
            //参考http://www.miui.com/thread-8946673-1-1.html
            //https://dev.mi.com/console/doc/detail?pId=1159
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                if (dark) {
                    int flag = window.getDecorView().getSystemUiVisibility() |
                            View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;
                    window.getDecorView().setSystemUiVisibility(flag);
                } else {
                    int flag = window.getDecorView().getSystemUiVisibility() &
                            ~View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;
                    window.getDecorView().setSystemUiVisibility(flag);
                }
            }
        }
        return result;
    }

三、android M(6.0)及以上方案

//compileSdkVersion为6.0及以上
    public boolean setStatusBarLightMode(Activity activity, boolean isFontColorDark) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            if (isFontColorDark) {
                // 沉浸式
                //                activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
                //非沉浸式
                activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
            } else {
                //非沉浸式
                activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);
            }
            return true;
        }
        return false;
    }

参考: 小米官网解决方案MIUI6+
其他:
http://www.voidcn.com/blog/wds1181977/article/p-6167721.html
http://blog.csdn.net/jo__yang/article/details/51456126

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 157,657评论 24 688
  • 前言 首先请大家看几张图: 以上的效果,一般我们统称为沉浸式状态栏。其实,这种叫法不是很准确,而且也没有沉浸式状态...
    宇是我阅读 2,733评论 2 28
  • 概念 全屏模式 变色状态栏模式 背景全屏+变色状态栏模式 图片全屏+变色状态栏模式 ContentView: ac...
    我不是死胖子阅读 953评论 0 2
  • 同学在朋友圈转《有几个当妈的不是神经病》,我复她,你还早,等娃娃到两岁多,更难对付。她回我,你是深有体会。 放下手...
    容止若思阅读 75评论 0 0
  • 镑美4H上升通道上轨空,日线前期三角形破位处的压力。
    瑞祺阅读 50评论 0 0