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

2017-06-29 本文已影响174人 zizi192

自定义状态栏的实现一般分为两种方式：
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

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

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

1、界面布局上部分和状态栏重合。

二、沉浸式状态栏

三、深色状态栏方案

猜你喜欢

热点阅读