加入收藏 | 设为首页 | 会员中心 | 我要投稿 云计算网_泰州站长网 (http://www.0523zz.com/)- 视觉智能、AI应用、CDN、行业物联网、智能数字人!
当前位置: 首页 > 站长资讯 > 评论 > 正文

无需再怨恨“刘海屏”了,因为适配十分简单

发布时间:2019-03-27 20:45:48 所属栏目:评论 来源:王英豪
导读:副标题#e# 网上关于刘海屏适配的文章不少,可讲清楚的却没几篇,大多是拷贝文档、长篇大论,甚至热情的贴图告诉你什么是刘海屏,到最后你仍不确定到底是怎样的一个适配方案,才能让你的 app 真正的适配所有的刘海屏机型。 看到这篇文章你就无需再怨恨各大厂
副标题[/!--empirenews.page--]

网上关于刘海屏适配的文章不少,可讲清楚的却没几篇,大多是拷贝文档、长篇大论,甚至热情的贴图告诉你什么是刘海屏,到最后你仍不确定到底是怎样的一个适配方案,才能让你的 app 真正的适配所有的刘海屏机型。

无需再怨恨“刘海屏”了,因为适配十分简单

看到这篇文章你就无需再怨恨各大厂商的跟风“刘海”了,因为刘海屏的适配十分简单。

ok,废话说完了,开始适配。

首先要清楚的是哪些界面需要适配刘海屏:

  • 有状态栏的界面:刘海区域会显示状态栏,无需适配
  • 全屏界面:刘海区域可能遮挡内容,需要适配

如果你的应用里所有界面都有状态栏,那么恭喜你,你不用做任何操作,状态栏就那么自然的显示在刘海区域,毫无违和,刘海屏已适配完毕,可以点叉出去了。

不幸的是,你的应用中很大几率会有全屏界面,所谓的刘海屏适配,也正是针对这些全屏界面。

如果你什么都不做,默认规则不允许全屏界面内容显示到刘海区域,即刘海屏区域会保留一条黑边,你的全屏界面会在刘海下方展示,这看起来好像也是可以接受的,然后你竟说服产品达成共识,“无为而治”才是最强大的刘海屏适配方案!

但有些手机厂商(譬如oppo)不开心了,我辛辛苦苦研发的刘海屏手机,你们这些开发者竟直接放弃刘海区域!然后就在你的全屏界面下方加了一条提示:“全屏显示”,当用户点击开启后,强行把你的全屏界面显示到刘海区域,然后一切都乱套了...

嗯~ “无为而治”行不通。

只能允许全屏界面内容显示到刘海区域了,参考各大厂商的适配文档,我们可以知道如何允许,比如华为机型只需在 AndroidManifest 中配置:

配置后,,华为机型上的全屏界面就会显示到刘海区域了,但这个刘海,是可能挡住我们全屏界面中的内容的。这时需要将全屏界面中的视图元素适当下移,保证不会被刘海遮挡住,就 ok 了。

这里我们搞清楚:允许全屏界面内容显示到刘海区域的机型,才需要将全屏界面中的视图元素适当下移。

比如若只允许华为机型全屏界面内容显示到刘海区域,那只有华为的刘海屏机型才需要将全屏界面中的视图元素适当下移,其他厂商的刘海屏机型则不需要下移。

如果允许华为、小米、oppo、vivo 全屏界面内容显示到刘海区域,那么华为、小米、oppo、vivo 刘海屏机型需要将全屏界面中的视图元素适当下移。

另外也不一定要通过全屏界面中的视图元素适当下移方式来适配刘海屏,如果产品形态允许的话,你也可以让该界面显示状态栏啊。

至此刘海屏适配完毕,是不是很简单!?

最后代码奉上,拿走不谢:

1、允许全屏界面内容显示到刘海区域配置:

  1. <!--允许绘制到oppo、vivo刘海屏机型的刘海区域 --> 
  2. <meta-data 
  3.     android:name="android.max_aspect" 
  4.     android:value="2.2" /> 
  5.  
  6. <!-- 允许绘制到华为刘海屏机型的刘海区域 --> 
  7. <meta-data 
  8.     android:name="android.notch_support" 
  9.     android:value="true" /> 
  10.  
  11. <!-- 允许绘制到小米刘海屏机型的刘海区域 --> 
  12. <meta-data 
  13.     android:name="notch.config" 
  14.     android:value="portrait" /> 

上面在 AndroidManifest 的配置在 Android 9.0 之前有效,9.0 系统针对刘海屏制定了新的 api,默认保留一条黑边,即不允许绘制到刘海区域。所以如果你还没有适配 Android 9.0,那在判断是否是允许全屏界面内容显示到刘海区域的刘海屏机型时,就要加上版本判断。

2、判断是否是允许全屏界面内容显示到刘海区域的刘海屏机型:

  1. public class CutoutUtil { 
  2.  
  3.     private static Boolean sAllowDisplayToCutout; 
  4.  
  5.     /** 
  6.      * 是否为允许全屏界面显示内容到刘海区域的刘海屏机型(与AndroidManifest中配置对应) 
  7.      */ 
  8.     public static boolean allowDisplayToCutout() { 
  9.         if (sAllowDisplayToCutout == null) { 
  10.             if (Build.VERSION.SDK_INT > Build.VERSION_CODES.O_MR1) { 
  11.                 // 9.0系统全屏界面默认会保留黑边,不允许显示内容到刘海区域 
  12.                 return sAllowDisplayToCutoutDevice = false; 
  13.             } 
  14.             Context context = App.get(); 
  15.             if (hasCutout_Huawei(context)) { 
  16.                 return sAllowDisplayToCutout = true; 
  17.             } 
  18.             if (hasCutout_OPPO(context)) { 
  19.                 return sAllowDisplayToCutout = true; 
  20.             } 
  21.             if (hasCutout_VIVO(context)) { 
  22.                 return sAllowDisplayToCutout = true; 
  23.             } 
  24.             if (hasCutout_XIAOMI(context)) { 
  25.                 return sAllowDisplayToCutout = true; 
  26.             } 
  27.             return sAllowDisplayToCutout = false; 
  28.         } else { 
  29.             return sAllowDisplayToCutout; 
  30.         } 
  31.     } 
  32.  
  33.  
  34.     /** 
  35.      * 是否是华为刘海屏机型 
  36.      */ 
  37.     @SuppressWarnings("unchecked") 
  38.     private static boolean hasCutout_Huawei(Context context) { 
  39.         if (!Build.MANUFACTURER.equalsIgnoreCase("HUAWEI")) { 
  40.             return false; 
  41.         } 
  42.         try { 
  43.             ClassLoader cl = context.getClassLoader(); 
  44.             Class HwNotchSizeUtil = cl.loadClass("com.huawei.android.util.HwNotchSizeUtil"); 
  45.             if (HwNotchSizeUtil != null) { 
  46.                 Method get = HwNotchSizeUtil.getMethod("hasNotchInScreen"); 
  47.                 return (boolean) get.invoke(HwNotchSizeUtil); 
  48.             } 
  49.             return false; 
  50.         } catch (Exception e) { 
  51.             return false; 
  52.         } 
  53.     } 
  54.  
  55.     /** 
  56.      * 是否是oppo刘海屏机型 
  57.      */ 
  58.     @SuppressWarnings("unchecked") 
  59.     private static boolean hasCutout_OPPO(Context context) { 
  60.         if (!Build.MANUFACTURER.equalsIgnoreCase("oppo")) { 
  61.             return false; 
  62.         } 
  63.         return context.getPackageManager().hasSystemFeature("com.oppo.feature.screen.heteromorphism"); 
  64.     } 
  65.  
  66.     /** 
  67.      * 是否是vivo刘海屏机型 
  68.      */ 
  69.     @SuppressWarnings("unchecked") 
  70.     private static boolean hasCutout_VIVO(Context context) { 
  71.         if (!Build.MANUFACTURER.equalsIgnoreCase("vivo")) { 
  72.             return false; 
  73.         } 
  74.         try { 
  75.             ClassLoader cl = context.getClassLoader(); 
  76.             @SuppressLint("PrivateApi") 
  77.             Class ftFeatureUtil = cl.loadClass("android.util.FtFeature"); 
  78.             if (ftFeatureUtil != null) { 
  79.                 Method get = ftFeatureUtil.getMethod("isFeatureSupport", int.class); 
  80.                 return (boolean) get.invoke(ftFeatureUtil, 0x00000020); 
  81.             } 
  82.             return false; 
  83.         } catch (Exception e) { 
  84.             return false; 
  85.         } 
  86.     } 
  87.  
  88.     /** 
  89.      * 是否是小米刘海屏机型 
  90.      */ 
  91.     @SuppressWarnings("unchecked") 
  92.     private static boolean hasCutout_XIAOMI(Context context) { 
  93.         if (!Build.MANUFACTURER.equalsIgnoreCase("xiaomi")) { 
  94.             return false; 
  95.         } 
  96.         try { 
  97.             ClassLoader cl = context.getClassLoader(); 
  98.             @SuppressLint("PrivateApi") 
  99.             Class SystemProperties = cl.loadClass("android.os.SystemProperties"); 
  100.             Class[] paramTypes = new Class[2]; 
  101.             paramTypes[0] = String.class; 
  102.             paramTypes[1] = int.class; 
  103.             Method getInt = SystemProperties.getMethod("getInt", paramTypes); 
  104.             //参数 
  105.             Object[] params = new Object[2]; 
  106.             params[0] = "ro.miui.notch"; 
  107.             params[1] = 0; 
  108.             return (Integer) getInt.invoke(SystemProperties, params) == 1; 
  109.         } catch (Exception e) { 
  110.             return false; 
  111.         } 
  112.     } 
  113.  

上面提到,不一定要通过全屏界面中的视图元素适当下移方式来适配刘海屏,如果产品形态允许的话,也可以让该界面显示状态栏。

显示状态栏的方案是较为通用简单的,或者说,在一个应用中,一些全屏界面往往是允许使用显示状态栏的方案来适配的,如果你考虑使用这种方案,那便会是这种效果:

(编辑:云计算网_泰州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读