适配“沉浸式”状态栏

最新推荐文章于 2024-04-15 23:15:54 发布

wangxp423

最新推荐文章于 2024-04-15 23:15:54 发布

阅读量1.1w

点赞数

分类专栏： Android相关文章标签：沉浸式状态栏白色底标题栏适配沉浸式状态栏适配沉浸式状态栏白色底标题栏修改状态栏颜色

本文链接：https://blog.csdn.net/wangxp423/article/details/79596329

版权

Android相关专栏收录该内容

15 篇文章 0 订阅

订阅专栏

传送门：
fitSystemWindow属性的作用
http://blog.csdn.net/wangxp423/article/details/79564244
fitSystemWindow属性实战
http://blog.csdn.net/wangxp423/article/details/79566465

上两篇我们讲了fitSystemWindows实现沉浸式状态栏，本篇主要讲解适配“沉浸式”状态栏

一，白色底标题栏情况下的沉浸式状态栏

白底状态栏
前两个图分别是5.0,6.0.1系统下沉浸式状态栏情况下，如果标题栏是白色底的显示效果，很明显不是我们想要的效果。图三才是我们想要的。

二，修改状态栏字体图标颜色

如果遇到浅色底的标题栏+沉浸式状态栏，就会如上图看不到状态栏里面的字体和图标。这个时候我们需要改变状态栏字体和图标颜色，但是改变标题栏字体图标颜色只支持6.0+以上系统，小米和魅族也提供有相应的方法。

   /**
     * 修改状态栏字体颜色只能在android6.0以上原生系统中，同时小米和魅族提供有方法，其他厂商可能无效过
     * 设置Android状态栏的字体颜色，状态栏为亮色的时候字体和图标是黑色，状态栏为暗色的时候字体和图标为白色
     *
     * @param dark 状态栏字体和图标是否为深色
     */
    protected void setStatusBarTextDark(boolean dark) {
        if (OsUtil.isMIUI()){
            // 小米MIUI
            try {
                Window window = getWindow();
                Class clazz = getWindow().getClass();
                Class layoutParams = Class.forName("android.view.MiuiWindowManager$LayoutParams");
                Field field = layoutParams.getField("EXTRA_FLAG_STATUS_BAR_DARK_MODE");
                int 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);
                }
            } catch (Exception e) {
                e.printStackTrace();
            }
            return;
        }
        if (OsUtil.isFlyme()){
            // 魅族FlymeUI
            try {
                Window window = getWindow();
                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);
            } catch (Exception e) {
                e.printStackTrace();
            }
            return;
        }

        // android6.0+系统
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            if (dark) {
                getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                        | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
            } else {
                getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);
            }
        }
    }

三，主流APP6.0以下适配效果

这里写图片描述

从左到右，分别是：掘金，今日头条，简述关于5.0系统以下白色底标题栏的适配效果。
其实“沉浸式”状态栏，就是状态栏透明，标题栏显示在状态栏下面，我们也知道，状态栏属于系统window，拥有最高显示层级，会显示在最顶层。所以我们在适配的时候有两种方案，一种是修改状态栏的颜色，如果白色标题栏的时候修改状态栏颜色为浅灰色，另一种就是，在标题栏上层添加一个跟状态栏同高的灰色view来达到适配的效果。
我们可以看到掘金和简书是采用的第一种方案，今日头条采用的第二种方案。下面我们将分别讲述两种方案的适配。

四，修改状态栏颜色进行适配

    /**
     * 根据版本不同设置状态栏颜色不同
     * 适适配白底标题栏(方案一)改变状态栏字体颜色
     * 适配方案1, 4.4以下的不适配，4.4-5.0的也不适配，5.0-6.0修改状态栏颜色为浅灰色，6.0以上修改状态栏字体颜色
     * 因为修改状态栏颜色5.0以上才支持，所以5.0以下的不适配
     *
     * @param isLight 标题栏颜色是否为浅色(白色)
     */
    protected void setColorStatusBar(boolean isLight, int statsBarcolor) {
        if (OsUtil.isMIUI() || OsUtil.isFlyme() || Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            setStatusBarTextDark(isLight);
        } else {
            Window window = getWindow();
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { //5.0以上
                //兼容5.0 状态栏半透明情况， 貌似并没有什么卵用(机型锤子T2 5.0系统)(跟厂商定制有关原生有用)
                window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                        | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
                window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
                window.setStatusBarColor(statsBarcolor);
            } else { //4.4-5.0 以及 4.4以下
                //这是一个开源库，支持4.4以上修改状态栏颜色 这里我就不适配了
//                compile 'com.readystatesoftware.systembartint:systembartint:1.0.3'
//                SystemBarTintManager tintManager = new SystemBarTintManager(activity);
//                tintManager.setStatusBarTintEnabled(true);
//                tintManager.setStatusBarTintResource(colorId);
                window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            }
        }
    }

适配效果图如下，从左到右依次是4.3,4.4.4,5.1.小米6.0.1系统的适配效果
这里写图片描述

五，在标题栏上方添加View进行适配

如下代码封装一个适配基类Activity

package com.xp.exercise.statsbar.base;

import android.graphics.Color;
import android.os.Build;
import android.os.Bundle;
import android.support.annotation.LayoutRes;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;

import com.xp.exercise.R;
import com.xp.exercise.statsbar.util.OsUtil;

/**
 * @类描述：适配白底标题栏(方案二)顶部添加View,改变View颜色。 基类
 */
public class CompatStatusBarActivity extends StatusBarBaseActivity {

    private FrameLayout mFrameLayoutContent;
    private View mViewStatusBarPlace;

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

        mViewStatusBarPlace = findViewById(R.id.view_status_bar_place);
        mFrameLayoutContent = (FrameLayout) findViewById(R.id.frame_layout_content_place);

        ViewGroup.LayoutParams params = mViewStatusBarPlace.getLayoutParams();
        params.height = getStatusBarHeight();
        mViewStatusBarPlace.setLayoutParams(params);
    }

    @Override
    public void setContentView(@LayoutRes int layoutResID) {
        //这里能够看到 我们这里其实是一个适配基类。布局中增加了一个View 用来适配状态栏的高度并调整颜色
        //contentLayout会将继承自这个Activity的页面的layout添加进去以达到通用的目的
        View contentView = LayoutInflater.from(this).inflate(layoutResID, null);
        mFrameLayoutContent.addView(contentView);
    }

    /**
     * 根据版本不同 修改添加View的颜色
     * 适配白底标题栏(方案二)顶部添加View,改变View颜色
     * 适配方案2, 4.4以下的不适配，4.4-6.0修改View颜色为浅灰色，6.0以上修改View颜色为白色，修改状态栏字体颜色
     *
     * @param isLight 标题栏颜色是否为浅色(白色)
     */
    protected void setViewColorStatusBar(boolean isLight, int statusBarPlaceColor) {
        //6.0+ 小米 魅族 可以直接适配 一般情况下6.0以上都是透明
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M || OsUtil.isMIUI() || OsUtil.isFlyme()) {
            setStatusBarTextDark(isLight);
            setStatusBarPlaceColor(statusBarPlaceColor);
        } else {
            if (statusBarPlaceColor == Color.WHITE) {
                statusBarPlaceColor = 0xffcccccc;
            }
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { //4.4以上修改为浅灰色
                setStatusBarPlaceColor(statusBarPlaceColor);
            } else { //4.4以下不适配
                setStatusBarPlaceVisible(false);
            }
        }
    }

    protected void setStatusBarPlaceVisible(boolean isVisible){
        if (isVisible){
            mViewStatusBarPlace.setVisibility(View.VISIBLE);
        } else{
            mViewStatusBarPlace.setVisibility(View.GONE);
        }
    }

    protected void setStatusBarPlaceColor(int statusColor) {
        if (mViewStatusBarPlace != null) {
            mViewStatusBarPlace.setBackgroundColor(statusColor);
        }
    }
}

布局文件代码如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <View
        android:id="@+id/view_status_bar_place"
        android:layout_width="match_parent"
        android:layout_height="25dp" />

    <FrameLayout
        android:id="@+id/frame_layout_content_place"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>