Android - StatusBar&&NavigationBar适配

关于沉浸式

大家有没有觉得我这个标题有点欠妥.网上很多人都叫这种适配叫沉浸式适配.实际上就是对StatusBar 和 navigationBar 的存在进行隐藏或者是修改颜色(透明).

我的理解

沉浸式应该是说将虚拟按键和状态栏隐藏掉达到全屏的效果.让用户达到一种置身于整个屏幕中的感觉。

先了解一下读完这篇文章可以学会什么东西

屏幕延伸状态栏(API19以上)
屏幕延伸导航栏(虚拟按键 API19以上)
获取StatusBar高度
获取NavigationBar高度
设置StatusBar颜色(API19以上)
设置NavigationBar颜色(API21以上)

其实以前一直都有用这类的工具类,但都是别人写下来的,这次整理是因为发现项目对全面屏的虚拟按键不是很适配才整理了一下的。

先给大家上一张原始的效果图

原始效果.png

屏幕延伸状态栏(API19以上)

JcUtilScreen.extendStatusBar(this);

延伸至状态栏.png

整体布局下移

JcUtilScreen.moveViewDown(binding.textview, JcUtilScreen.getStatusBarHeight(this));

延伸至状态栏-布局往下移动.png

屏幕延伸导航栏(虚拟按键 API19以上)

JcUtilScreen.extendNavigationBar(this);

延伸状态栏,延伸虚拟按键-布局往下移动.png

设置NavigationBar颜色(API21以上)

JcUtilScreen.setNavigationBarColor(this, Color.parseColor("#cc7f7f"));

设置虚拟按键颜色.png

设置StatusBar颜色(API19以上)

JcUtilScreen.setStatusBarColor(this, Color.parseColor("#cc7f7f"));

设置状态栏颜色.png


package com.hjc.screenadaptation;

import android.app.Activity;
import android.content.Context;
import android.content.res.Resources;
import android.os.Build;
import android.support.v4.view.ViewCompat;
import android.util.DisplayMetrics;
import android.util.TypedValue;
import android.view.Display;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewParent;
import android.view.Window;
import android.view.WindowManager;
import android.widget.FrameLayout;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;

import java.lang.reflect.Field;
import java.lang.reflect.Method;

/**
 * Created by 卖火柴的小女孩 - Jc on 2018/7/31.
 */

public class JcUtilScreen {

    public static Context mContext;
    /**
     * 屏幕密度
     */
    public static float mDensity;
    /**
     * 屏幕宽度
     */
    public static float mScreenWidth;
    /**
     * 屏幕高度
     */
    public static float mScreenHeight;

    public static void init(Context context) {
        mContext = context; //通过构造方法来传入上下文，这个上下文是Aplication的，在Aplication创建的时候，创建了
        initScreenSize();//获取屏幕尺寸的方法
    }

    /**
     * 屏幕的尺寸
     */
    private static void initScreenSize() {
        DisplayMetrics dm = mContext.getResources().getDisplayMetrics();//上下文，通过资源文件获取到getDisplayMetrics方法
        mDensity = dm.density; //获取到屏幕的密度
        mScreenHeight = dm.heightPixels;//获取到屏幕的高度
        mScreenWidth = dm.widthPixels;//获取到屏幕的宽度
    }

    //延伸Layout至StatusBar - StatusBar透明
    public static void extendStatusBar(Activity activity) {
        //4.4及以上可以使用沉浸式状态栏
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT)
            activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

    }

    //延伸布局至NavigationBar - NavigationBar透明 - 不可单独使用
    public static void extendNavigationBar(Activity activity) {
        //4.4及以上可以使用沉浸式状态栏
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT)
            activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
        //这里有个坑 单单 当Windows设置FLAG_TRANSLUCENT_NAVIGATION
        //屏幕的显示内容区域就会延伸到状态栏上,但状态栏区域依旧被状态栏掩盖 -- 颜色是主题颜色 colorPrimary
        //解决方案1：布局文件 android:layout_marginTop="" getStatusBarHeight()
        //解决方案2：extendStatusBar() + 解决方案1
    }

    //获取StatusBar的高度
    public static int getStatusBarHeight(Context context) {
        try {
            Class<?> c = Class.forName("com.android.internal.R$dimen");
            Object obj = c.newInstance();
            Field field = c.getField("status_bar_height");
            int x = Integer.parseInt(field.get(obj).toString());
            return context.getResources().getDimensionPixelSize(x);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return 0;
    }

    //检查设备是否具有NavigationBar - (全面屏返回 Ture)
    public static boolean checkDeviceHasNavigationBar(Activity activity) {
        boolean hasNavigationBar = false;
        Resources rs = activity.getResources();
        int id = rs.getIdentifier("config_showNavigationBar", "bool", "android");
        if (id > 0) {
            hasNavigationBar = rs.getBoolean(id);
        }
        try {
            Class systemPropertiesClass = Class.forName("android.os.SystemProperties");
            Method m = systemPropertiesClass.getMethod("get", String.class);
            String navBarOverride = (String) m.invoke(systemPropertiesClass, "qemu.hw.mainkeys");
            if ("1".equals(navBarOverride)) {
                hasNavigationBar = false;
            } else if ("0".equals(navBarOverride)) {
                hasNavigationBar = true;
            }
        } catch (Exception e) {

        }
        return hasNavigationBar;

    }

    public static int getNavigationBar(Context context) {
        return getScreenHeight(context) - getScreenShowHeight(context);
    }

    //屏幕的全高
    public static int getScreenHeight(Context context) {
        int dpi = 0;
        WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        Display display = windowManager.getDefaultDisplay();
        DisplayMetrics displayMetrics = new DisplayMetrics();
        @SuppressWarnings("rawtypes")
        Class c;
        try {
            c = Class.forName("android.view.Display");
            @SuppressWarnings("unchecked")
            Method method = c.getMethod("getRealMetrics", DisplayMetrics.class);
            method.invoke(display, displayMetrics);
            dpi = displayMetrics.heightPixels;
        } catch (Exception e) {
            e.printStackTrace();
        }
        return dpi;
    }

    //屏幕显示内容的高
    public static int getScreenShowHeight(Context context) {
        WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        DisplayMetrics outMetrics = new DisplayMetrics();
        wm.getDefaultDisplay().getMetrics(outMetrics);
        return outMetrics.heightPixels;
    }


    public static void moveViewDown(View view) {
        //sdk 4.4: KITKAT
        int distance = getStatusBarHeight(view.getContext());
        // 父控件
        ViewParent parent = view.getParent();
        if (parent instanceof LinearLayout) {
            // 通过marginTop属性让控件往下偏移一段距离
            // 相当于：android:layout_marginTop="24dp"
            ((LinearLayout.LayoutParams) view.getLayoutParams()).topMargin = distance;
        } else if (parent instanceof RelativeLayout) {
            ((RelativeLayout.LayoutParams) view.getLayoutParams()).topMargin = distance;
        } else if (parent instanceof FrameLayout) {
            ((FrameLayout.LayoutParams) view.getLayoutParams()).topMargin = distance;
        }
        return;
    }

    public static void moveViewDown(View view, int downHeight) {
        //sdk 4.4: KITKAT
        // 父控件
        ViewParent parent = view.getParent();
        if (parent instanceof LinearLayout) {
            // 通过marginTop属性让控件往下偏移一段距离
            // 相当于：android:layout_marginTop="24dp"
            ((LinearLayout.LayoutParams) view.getLayoutParams()).topMargin = downHeight;
        } else if (parent instanceof RelativeLayout) {
            ((RelativeLayout.LayoutParams) view.getLayoutParams()).topMargin = downHeight;
        } else if (parent instanceof FrameLayout) {
            ((FrameLayout.LayoutParams) view.getLayoutParams()).topMargin = downHeight;
        }
        return;
    }

    //-- Color 设置

    //设置 NavigationBar 颜色 5.0 一下机型不支持
    public static void setNavigationBarColor(Activity activity, int navigationBarColor) {
        //API21 以上才能设置
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP)
            activity.getWindow().setNavigationBarColor(navigationBarColor);
    }

    public static void setStatusBarColor(Activity activity, int statusBarColor) {
        //设置的extendStatusBar将无效
        //  [5.0 以上
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            setStatusBarColor5_0(activity, statusBarColor);
        }

        // [4.4 - 5.0}
        else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            setStatusBarColor4_4_5_0(activity, statusBarColor);
        }
    }

    private static void setStatusBarColor5_0(Activity activity, int statusBarColor) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            Window window = activity.getWindow();
            //取消状态栏透明
            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            //添加Flag把状态栏设为可绘制模式
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            //设置状态栏颜色
            window.setStatusBarColor(statusBarColor);
            //设置系统状态栏处于可见状态
            window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);
            //让view不根据系统窗口来调整自己的布局
            ViewGroup mContentView = (ViewGroup) window.findViewById(Window.ID_ANDROID_CONTENT);
            View mChildView = mContentView.getChildAt(0);
            if (mChildView != null) {
                ViewCompat.setFitsSystemWindows(mChildView, false);
                ViewCompat.requestApplyInsets(mChildView);
            }
        }
    }

    private static View mStatusBarView;

    private static void setStatusBarColor4_4_5_0(Activity activity, int statusBarColor) {
        //4.4 - 5.0 不支持直接设置statusBarHeight
        //思路：全屏 - 添加一个View置顶 高为getStatusBarHeight
        Window window = activity.getWindow();
        window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        //获取状态栏的高度
        int statusBarHeight = getStatusBarHeight(activity);
        //将顶部空间的top padding设置为和状态栏一样的高度，以此达到预期的效果
        ViewGroup root = (ViewGroup) activity.findViewById(android.R.id.content);
        if (mStatusBarView == null) {
            mStatusBarView = new View(activity);
            mStatusBarView.setBackgroundColor(statusBarColor);
        } else {
            // 先解除父子控件关系，否则重复把一个控件多次
            // 添加到其它父控件中会出错
            ViewParent parent = mStatusBarView.getParent();
            if (parent != null) {
                ViewGroup viewGroup = (ViewGroup) parent;
                if (viewGroup != null)
                    viewGroup.removeView(mStatusBarView);
            }
        }
        ViewGroup.LayoutParams param = new ViewGroup.LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT,
                statusBarHeight);
        root.addView(mStatusBarView, param);
        return;
    }

    //-- 单位 转换

    /**
     * dp转px
     *
     * @param context
     * @param dpVal
     * @return
     */
    public static int dp2px(Context context, float dpVal) {
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dpVal, context.getResources().getDisplayMetrics());
    }

    /**
     * sp转px
     *
     * @param context
     * @param spVal
     * @return
     */
    public static int sp2px(Context context, float spVal) {
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,
                spVal, context.getResources().getDisplayMetrics());
    }

    /**
     * px转dp
     *
     * @param context
     * @param pxVal
     * @return
     */
    public static float px2dp(Context context, float pxVal) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (pxVal / scale);
    }

    /**
     * px转sp
     *
     * @param context
     * @param pxVal
     * @return
     */
    public static float px2sp(Context context, float pxVal) {
        return (pxVal / context.getResources().getDisplayMetrics().scaledDensity);
    }
}

至于我写这个工具类的时候并没有使用到全屏(标题栏悬浮)的效果,所以我就没有写这个方法上去了。

public static void fullScreen(Activity activity) {
        activity.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
    }

这个方法呢.跟extendStatusBar差不多。extendStatusBar的状态栏任然显示只不过是透明的而已。
做视频播放的时候可以考虑使用一下这个fullScreen。禁止不动状态栏自动隐藏 , 触摸屏幕状态栏显示几秒钟。

关于全面屏的NavigationBar

全面屏都没有Home键 (实际触摸按键),所以理论上都支持NavigationBar的,我自己的小米8是支持的。当你打开全面屏模式的时候,去checkDeviceHasNavigationBar() ,他是返回True回来的。
关于适配通过 Settings.Secure.getInt() 去拿到各大厂商不一样的设置值,判断用户手机是否开启了虚拟按键功能。

我个人觉得适配状态栏和导航栏,这个类已经够用了.有补充的小伙伴.欢迎提出.代码有Bug,欢迎找我.

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 210,978评论 6赞 490
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 89,954评论 2赞 384
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 156,623评论 0赞 345
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 56,324评论 1赞 282
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 65,390评论 5赞 384
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 49,741评论 1赞 289
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 38,892评论 3赞 405
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 37,655评论 0赞 266
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 44,104评论 1赞 303
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 36,451评论 2赞 325
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 38,569评论 1赞 340
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 34,254评论 4赞 328
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 39,834评论 3赞 312
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 30,725评论 0赞 21
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 31,950评论 1赞 264
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 46,260评论 2赞 360
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 43,446评论 2赞 348