美文网首页Android 知识状态栏
Android刘海屏适配精炼详解

Android刘海屏适配精炼详解

作者: Chin_style | 来源:发表于2018-11-19 23:00 被阅读151次

一、前期基础知识储备

image

话不多说，这么多刘海屏手机今年集中爆发，所以尽管刘海屏不好看，但是还是要适配。

2017年苹果X开启了刘海屏时代，2018年集中爆发，纷纷采取刘海屏这一策略来实现全面屏的概念（看36氪中的新闻，明年是5G元年，同时三星推出了折叠屏，未来的手机主流趋势是否会发生改变暂不得而知，但刘海屏不会退出市场，淡出视野这一点是确定的），所以Android手机对于刘海屏的适配也是比较重要的。所谓适配刘海屏，其实就是处理与刘海齐平的手机屏幕部分，这也是所有刘海屏手机系统自带的一个可选项：是否显示刘海屏，以华为刘海屏为例，是否显示刘海屏前后效果如下：

​​

image image

从上面的图中我们可以发现这几个重要的适配信息：

①与刘海屏齐平的手机屏幕部分实际上是手机的状态栏；

②显示刘海屏，刘海部分显示的状态背景色为APP应用背景色，状态栏文字图标部分变为黑色；

③不显示刘海屏，则刘海部分显示的状态栏为手机原始状态栏，电量标志、事件、运营商信息都是白字；

所以适配刘海屏的关键在于：

①判断是否是刘海屏，不是刘海屏就隐藏状态栏，是刘海屏则显示状态栏，同时对状态栏做出相应处理；

②如果是刘海屏，则显示的状态栏颜色变为APP应用本身的背景色；

③其次状态栏中的图标、文字等信息是否需要变色（应用为深色背景色时定为白色，应用为浅色背景色时定为黑色）

二、上代码 具体实现

1）判断是否是刘海屏手机 工具类 judgeNotchUtils


    /**
    * 判断是否是刘海屏 写在Activity基类BaseActivity onCreate()方法中或者单独设置

    * 国内主流手机小米 华为 VIVO OPPO刘海屏判断

    * @return

    */
    public static boolean hasNotchScreen(Activity activity){
        if (getInt("ro.miui.notch",activity) == 1 || hasNotchInHuawei(activity) || hasNotchInVivo(activity)
                || hasNotchInOppo(activity) || hasNotchInXiaomi(activity)){
            return true;
        }
        return false;
    }

    /**
    * Android P 版本判断 需要应用的CompileSDKVersion设为28
    * 其他刘海屏手机判断
    * @param activity
    * @return
    */
    public static DisplayCutout isAndroidP(Activity activity){
        View decorView = activity.getWindow().getDecorView();
        if (decorView != null && android.os.Build.VERSION.SDK_INT >= 28){
            WindowInsets windowInsets = decorView.getRootWindowInsets();
          if (windowInsets != null)
                return windowInsets.getDisplayCutout();
        }
      return null;
    }

    /**
    * 小米刘海屏判断
    * @return 0 if it is not notch ; return 1 means notch
    * @throws IllegalArgumentException if the key exceeds 32 characters
    */
    public static int getInt(String key,Activity activity) {
        int result = 0;
        if (isXiaomi()){
            try {
                ClassLoader classLoader = activity.getClassLoader();
                @SuppressWarnings("rawtypes")
                Class SystemProperties = classLoader.loadClass("android.os.SystemProperties");
                @SuppressWarnings("rawtypes")
                Class[] paramTypes = new Class[2];
                paramTypes[0] = String.class;
                paramTypes[1] = int.class;
                Method getInt = SystemProperties.getMethod("getInt", paramTypes);
                Object[] params = new Object[2];
                params[0] = new String(key);
                params[1] = new Integer(0);
                result = (Integer) getInt.invoke(SystemProperties, params);
            } catch (Exception e) {
                return result;
            }
        }
        return result;
    }
    public static boolean hasNotchInXiaomi(Context context) {
        if (isXiaomi()) {
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
                int result = 0;
                int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
                if (resourceId > 0) {
                    result = context.getResources().getDimensionPixelSize(resourceId);
                }
                if (result > 0) {
                    return true;
                } else {
                    return false;
                }
            }
        }
        return false;
    }

    /**
    * 华为刘海屏判断
    * @return
    */
    public static boolean hasNotchInHuawei(Context context) {
        boolean hasNotch = false;
        try {
            ClassLoader cl = context.getClassLoader();
            Class HwNotchSizeUtil = cl.loadClass("com.huawei.android.util.HwNotchSizeUtil");
            Method hasNotchInScreen = HwNotchSizeUtil.getMethod("hasNotchInScreen");
            if(hasNotchInScreen != null) {
                hasNotch = (boolean) hasNotchInScreen.invoke(HwNotchSizeUtil);
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
        return hasNotch;
    }

    /**
    * VIVO刘海屏判断
    * @return
    */
    public static boolean hasNotchInVivo(Context context) {
        boolean hasNotch = false;
        try {
            ClassLoader cl = context.getClassLoader();
            Class ftFeature = cl.loadClass("android.util.FtFeature");
            Method[] methods = ftFeature.getDeclaredMethods();
            if (methods != null) {
                for (int i = 0; i < methods.length; i++) {
                    Method method = methods[i];
                    if(method != null) {
                        if (method.getName().equalsIgnoreCase("isFeatureSupport")) {
                            hasNotch = (boolean) method.invoke(ftFeature, 0x00000020);
                            break;
                        }
                    }
                }
            }
        } catch (Exception e) {
            e.printStackTrace();
            hasNotch = false;
        }
        return hasNotch;
    }

    /**
    * OPPO刘海屏判断
    * @return
    */
    public static boolean hasNotchInOppo(Context context) {
        return context.getPackageManager().hasSystemFeature("com.oppo.feature.screen.heteromorphism");
    }
    public static boolean isXiaomi() {
        return "Xiaomi".equals(Build.MANUFACTURER);
    }

使用代码：

if(judgeNotchUtils.hasNotchScreen(BaseActivity.this)){
        // 有刘海屏的处理
        // 显示状态栏
        // 状态栏文字、图标颜色控制
        } else {
        // 无刘海屏的处理   
        // 隐藏状态栏
        hideStatusBar();
    }

    public void hideStatusBar() {
        if (Build.VERSION.SDK_INT < 30) {     getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                    WindowManager.LayoutParams.FLAG_FULLSCREEN);          getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);
        } else {
            View decorView = getWindow().getDecorView();
           int uiOptions = View.SYSTEM_UI_FLAG_FULLSCREEN;
            decorView.setSystemUiVisibility(uiOptions);
        }
    }

2）状态栏文字图标颜色控制 工具类 StatusBarUtils


public class StatusBarUtils {
/**
* 修改状态栏为全透明
* @param activity
*/
@TargetApi(19)
public static void transparencyBar(Activity activity){
    if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        Window window = activity.getWindow();
  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(Color.TRANSPARENT);
    } else
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        Window window =activity.getWindow();        window.setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,                WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    }
}

/**
* 修改状态栏颜色，支持4.4以上版本
* @param activity
* @param colorId
*/
public static void setStatusBarColor(Activity activity,int colorId) {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        Window window = activity.getWindow();
//      window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);         window.setStatusBarColor(activity.getResources().getColor(colorId));
    } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        //使用SystemBarTint库使4.4版本状态栏变色，需要先将状态栏设置为透明
        transparencyBar(activity);
        SystemBarTintManager tintManager = new SystemBarTintManager(activity);
        tintManager.setStatusBarTintEnabled(true);
        tintManager.setStatusBarTintResource(colorId);
    }
}

/**
*状态栏亮色模式，设置状态栏黑色文字、图标，
* 适配4.4以上版本MIUIV、Flyme和6.0以上版本其他Android
* @param activity
* @return 1:MIUUI 2:Flyme 3:android6.0
*/

public static int StatusBarLightMode(Activity activity){
    int result=0;
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        if(MIUISetStatusBarLightMode(activity, true)){
            result=1;
        }else if(FlymeSetStatusBarLightMode(activity.getWindow(), true)){
            result=2;
        }else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            activity.getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN|View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
            result=3;
        }
    }
    return result;
}

/**
* 已知系统类型时，设置状态栏黑色文字、图标。
* 适配4.4以上版本MIUIV、Flyme和6.0以上版本其他Android
* @param activity
* @param type 1:MIUUI 2:Flyme 3:android6.0
*/
public static void StatusBarLightMode(Activity activity,int type){
    if(type==1){
      MIUISetStatusBarLightMode(activity, true);
    }else if(type==2){
        FlymeSetStatusBarLightMode(activity.getWindow(), true);
    }else if(type==3){
        activity.getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN|View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
    }
}

/**
* 状态栏暗色模式，清除MIUI、flyme或6.0以上版本状态栏黑色文字、图标
*/
public static void StatusBarDarkMode(Activity activity,int type){
    if(type==1){
        MIUISetStatusBarLightMode(activity, false);
    }else if(type==2){
        FlymeSetStatusBarLightMode(activity.getWindow(), false);
    }else if(type==3){        activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);
    }
}

/**
* 设置状态栏图标为深色和魅族特定的文字风格
* 可以用来判断是否为Flyme用户
* @param window 需要设置的窗口
* @param dark 是否把状态栏文字及图标颜色设置为深色
* @return  boolean 成功执行返回true
*
*/
public static boolean FlymeSetStatusBarLightMode(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;
}

/**
* 需要MIUIV6以上
* @param activity
* @param dark 是否把状态栏文字及图标颜色设置为深色
* @return  boolean 成功执行返回true
*
*/
public static boolean MIUISetStatusBarLightMode(Activity activity, boolean dark) {
    boolean result = false;
    Window window=activity.getWindow();
    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;
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                //开发版 7.7.13 及以后版本采用了系统API，旧方法无效但不会报错，所以两个方式都要加上
                if(dark){
                    activity.getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN| View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
                }else {                    activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);
                }
            }
        }catch (Exception e){
        }
    }
    return result;
}
}

使用时代码如下： 比如博主的开发的应用是浅色背景色，所以标题栏也被设为浅色，此时应该修改状态栏显色黑色文字图标

if(judgeNotchUtils.hasNotchScreen(BaseActivity.this)){
        // 有刘海屏的处理
        // 显示状态啦
        // 将状态栏文字图标设为黑色
        showStatusBar();
        StatusBarUtils.StatusBarLightMode(BaseActivity.this)
    } else {
        // 无刘海屏的处理 隐藏状态栏 
        hideStatusBar();
    }
    //显示状态栏
    public void showStatusBar() {
        if (Build.VERSION.SDK_INT < 30) {          getWindow().addFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
        } else {
            View decorView = getWindow().getDecorView();
            int uiOptions = View.SYSTEM_UI_FLAG_VISIBLE;
            decorView.setSystemUiVisibility(uiOptions);
        }
    }

    //隐藏状态栏
    public void hideStatusBar() {
        if (Build.VERSION.SDK_INT < 30) {            getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                   WindowManager.LayoutParams.FLAG_FULLSCREEN);           getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);
        } else {
            View decorView = getWindow().getDecorView();
            int uiOptions = View.SYSTEM_UI_FLAG_FULLSCREEN;
            decorView.setSystemUiVisibility(uiOptions);
        }
    }

同时将Activity根布局的fitsSystemWindows属性设为true（默认为false），此时根布局的paddding属性由系统设置，用户在布局文件中设置的 padding会被忽略。系统会为该View设置一个paddingTop，值为statusbar（状态栏）的高度。即此时应用的Content不会和系统状态栏发生重叠。

android:fitsSystemWindows="true"

若不设置此属性，则Activity内容会与系统状态栏发生重叠。(╯﹏╰)（当时调了好久）(╯﹏╰)

效果图如下：

①应用页：状态栏文字、图标设为黑色：

image image

②欢迎页：状态栏文字、图标不改变颜色，仍为白色：

image

以上图片，读者凑合看一下，不好截刘海屏的小刘海，所以后期自己加了形状表示一下。o(╯□╰)oo(╯□╰)oo(╯□╰)o

③不适配刘海屏时（直接隐藏状态栏，刘海屏手机使用体验感稍差）

在此附上各刘海屏手机厂商的刘海屏适配方案（谢谢奥特曼超人博主的分享）：

android 兼容huawei手机刘海屏解决方案

android 兼容vivo手机刘海屏解决方案

android兼容oppo手机刘海屏解决方案

android兼容小米xiaomi刘海屏解决方案

android 关于google刘海屏的解决方案

最后，更多刘海屏适配文章推荐：

CSDN

Android 刘海屏适配全攻略- Android P 模拟器可模拟刘海屏

android 全面屏/刘海屏有效适配

详解Android刘海屏适配

简书

适配Android刘海屏小结

Android 刘海屏适配总结

博客园

一大波 Android 刘海屏来袭，全网最全适配技巧！

注:博主博客会同步发布到CSDN，欢迎读者阅读

相关文章

  • Android刘海屏适配精炼详解

    一、前期基础知识储备 话不多说，这么多刘海屏手机今年集中爆发，所以尽管刘海屏不好看，但是还是要适配。 2017年苹...

  • 安卓适配

    ------刘海屏------屏幕适配 | Android 刘海屏适配总结Android刘海屏适配方案Androi...

  • 屏幕适配-刘海屏适配

    Android官方9.0刘海屏适配策略 1.如果非全屏模式（有状态栏），则app不受刘海屏影响，刘海屏的高度就是状...

  • 屏幕适配【刘海屏适配】

    Android官方9.0刘海屏适配策略 如果非全屏（有状态栏），则app不受刘海屏的影响，刘海屏的高就是状态栏的高...

  • Android刘海屏、水滴屏全面屏适配详解

    现在，市面上的屏幕尺寸和全面屏方案五花八门。这里使用了小米的图来说明： 上述两种屏幕都可以统称为刘海屏，不过对于右...

  • Android刘海屏、水滴屏全面屏适配详解

    现在，市面上的屏幕尺寸和全面屏方案五花八门。这里我使用了小米的图来说明： 上述两种屏幕都可以统称为刘海屏，不过对于...

  • 记录工作中的点点滴滴之Dialog全屏显示适配刘海屏

    Android中的Dialog适配刘海屏全屏显示： Dialog mdialog =new Dialog(mAct...

  • Android刘海屏适配

    刘海屏幕的适配，在全面屏设置下，顶部有刘海的区域，有的会导致刘海把标题栏等内容遮盖如下图，这是美团的统一版本在小米...

  • Android刘海屏适配

    背景 刘海屏指的是手机屏幕正上方由于追求极致边框而采用的一种手机解决方案。因形似刘海儿而得名。也有一些其他叫法：挖...

  • Android刘海屏适配

    背景：公司采购小米8SE后，专门用来做刘海屏的适配测试。本文主要针对小米手机做了适配，华为或其他机型没有在真机上测...

网友评论

    本文标题：Android刘海屏适配精炼详解

    本文链接：https://www.haomeiwen.com/subject/zzyzfqtx.html

    延伸阅读

    深度阅读

    • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

    栏目导航

    热点阅读

    Android 知识

    状态栏

    关于我们|服务条款|联系我们|Android刘海屏适配精炼详解|投稿指南|网站地图|RSS订阅|排版工具|手机版

    提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

    Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

    备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

    本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

    所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！