Android刘海屏适配问题(转载)

Apple一直在引领设计的潮流,自从 iPhone X 发布之后,”刘海屏” 就一直存在争议,本以为是一个美丽的错误(Bug),却早就了一时间“刘海屏”的模仿潮。目前,国内已经推出的刘海屏”手机有 OPPO R15 和 华为 P20,并且Google也在IO大会上提高了相应的适配方案。

什么是刘海屏

屏幕的正上方居中位置(下图黑色区域)会被挖掉一个孔,屏幕被挖掉的区域无法正常显示内容,这种类型的屏幕就是刘海屏,也有其他叫法:挖孔屏、凹凸屏等等,这里统一按刘海屏命名。

就现在市场上的情况来说,“刘海屏”主要分成两类,一类是标准的 Android P Api,另外一类就是厂商在 Android P 以下的系统,做的特殊适配。

例如:华为 P20 就是采用的 Android P 标准 Api 的方式,而 OPPO R15 就不一样了,它有自己的适配 Api。

如何适配刘海屏

由于Android p正式版前两天才发布, 当前市面上的Android 刘海屏手机还不能用Android 官方提供的方案来解决,那怎么办呢?还好几个厂商自己给出了适配方案(文末会接受使用Android P来适配刘海屏)。

华为P20

华为早在iPhone X发布后不久就推出了“刘海屏”P20,华为刘海屏适配官方文档:

https://devcenter-test.huawei.com/consumer/cn/devservice/doc/50114

华为给出的文档最为详细适配文档,P20 pro预装系统对未做刘海屏适配处理的app有一定处理,处理的逻辑如下图。

右上图可知,华为系统做偏移处理的有以下2种情况:

1.未设置meta-data值,页面横屏状态

2.未设置meta-data值,页面竖屏状态,不显示状态栏

适配刘海屏主要有以下几个步骤:

1.配置meta-data

华为新增的Meta-data属性android.notch_support在应用的AndroidManifest.xml中增加meta-data属性,此属性不仅可以针对Application生效,也可以对Activity配置生效,具体方式如下所示:

<meta-data android:name="android.notch_support" android:value="true"/>1

①对Application生效,意味着该应用的所有页面,系统都不会做竖屏场景的特殊下移或者是横屏场景的右移特殊处理:

② 对Activity生效,意味着可以针对单个页面进行刘海屏适配,设置了该属性的Activity系统将不会做特殊处理:

2.检测是否存在刘海屏

public static boolean hasNotchInScreen(Context context) {

  boolean ret = false;

  try {

      ClassLoader cl = context.getClassLoader();

      Class HwNotchSizeUtil = cl.loadClass("com.huawei.android.util.HwNotchSizeUtil");

      Method get = HwNotchSizeUtil.getMethod("hasNotchInScreen");

      ret = (boolean) get.invoke(HwNotchSizeUtil);

  } catch (ClassNotFoundException e) {

      Log.e("test", "hasNotchInScreen ClassNotFoundException");

  } catch (NoSuchMethodException e) {

      Log.e("test", "hasNotchInScreen NoSuchMethodException");

  } catch (Exception e) {

      Log.e("test", "hasNotchInScreen Exception");

  } finally {

      return ret;

  }

}1234567891011121314151617

3.获取刘海屏的参数

public static int[] getNotchSize(Context context) {

  int[] ret = new int[]{0, 0};

  try {

      ClassLoader cl = context.getClassLoader();

      Class HwNotchSizeUtil = cl.loadClass("com.huawei.android.util.HwNotchSizeUtil");

      Method get = HwNotchSizeUtil.getMethod("getNotchSize");

      ret = (int[]) get.invoke(HwNotchSizeUtil);

  } catch (ClassNotFoundException e) {

      Log.e("test", "getNotchSize ClassNotFoundException");

  } catch (NoSuchMethodException e) {

      Log.e("test", "getNotchSize NoSuchMethodException");

  } catch (Exception e) {

      Log.e("test", "getNotchSize Exception");

  } finally {

      return ret;

  }

}1234567891011121314151617

4. UI适配

通过增加上面适配方案提到的配置(meta-data或者是Flag),应用在华为刘海屏手机上就能够默认使用刘海区显示了,但是为了避免出现UI被刘海区遮挡的问题,还是需要应用自己做一些额外的UI适配工作:

(1)判断是否刘海屏,通过华为刘海屏SDK的API判断,具体参考3.2.1章节

(2)如果是刘海屏手机需要应用自己调整布局避开刘海区,布局原则:保证重要的文字、图片和视频信息、可点击的控件和图标还有应用弹窗等等布局建议显示在状态栏区域以下(安全区域);不重要,遮挡不会出现问题的布局可以延伸到状态栏区域(危险区域)显示,按照这种布局原则修改,可以一次修改就能适配所有的刘海屏手机:

获取系统状态栏高度接口:

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;

}12345678

关于更详细的适配资料,可以访问华为刘海屏适配技术文档。

vivo & OPPO

vivo 和 OPPO官网仅仅给出了适配指导,没有给出具体方案,简单总结为:

如有是具有刘海屏的手机,竖屏显示状态栏,横屏不要在危险区显示重要信息或者设置点击事件。官方的文档地址如下:

oppo官方文档:

https://open.oppomobile.com/service/message/detail?id=61876

vivo官方文档:

https://dev.vivo.com.cn/doc/document/info?id=103

首先,判断是不是刘海屏手机。

OPPO判断方法:

public static boolean hasNotchInOppo(Context context){

  return context.getPackageManager().hasSystemFeature("com.oppo.feature.screen.heteromorphism");

}123

vivo的判断方法:

public static final int NOTCH_IN_SCREEN_VOIO=0x00000020;//是否有凹槽

public static final int ROUNDED_IN_SCREEN_VOIO=0x00000008;//是否有圆角

public static boolean hasNotchInScreenAtVoio(Context context){

  boolean ret = false;

  try {

      ClassLoader cl = context.getClassLoader();

      Class FtFeature = cl.loadClass("com.util.FtFeature");

      Method get = FtFeature.getMethod("isFeatureSupport",int.class);

      ret = (boolean) get.invoke(FtFeature,NOTCH_IN_SCREEN_VOIO);

  } catch (ClassNotFoundException e)

  { Log.e("test", "hasNotchInScreen ClassNotFoundException"); }

  catch (NoSuchMethodException e)

  { Log.e("test", "hasNotchInScreen NoSuchMethodException"); }

  catch (Exception e)

  { Log.e("test", "hasNotchInScreen Exception"); }

  finally

  { return ret; }

}12345678910111213141516171819

然后在进行适配,官方这方面的资料很少也不是很详细

google官方

google从Android P开始为刘海屏提供支持,目前提供了一个类和三种模式:

一个类指的是可以用DisplayCutout这个类找出刘海(cutout)的位置和形状,调用getDisplayCutout()这个方法可以获取刘海(cutout)的位置和区域。例如:

DisplayCutout cutout = mContext.getDisplayCutout();1

Google官方提供了三种模式,分别是:

LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT:仅仅当系统提供的bar完全包含了刘海区时才允许window扩展到刘海区,否则window不会和刘海区重叠

LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES:允许window扩展到刘海区(原文说的是短边的刘海区, 目前有刘海的手机都在短边,所以就不纠结了)

LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER:不允许window扩展到刘海区。

例如,下面是可以设置是否允许window扩展到刘海区的代码。

WindowManager.LayoutParams lp =getWindow().getAttributes(); 

lp.layoutInDisplayCutoutMode

=WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER; 

getWindow().setAttributes(lp);1234

一个有状态栏的页面, 我们可以这样适配:

DisplayCutout cutout = getDisplayCutout();

if(cutout != null){

WindowManager.LayoutParams lp =getWindow().getAttributes(); 

lp.layoutInDisplayCutoutMode=WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER; 

getWindow().setAttributes(lp);

}123456

当然如果你身边还没有刘海屏手机,可以使用Android P提供的模拟器,更新SDK到Android P preview版本。

然后,可以通过开发者选项里的 “Simulate a display with a cutout”,开启刘海屏的支持,并且刘海屏有多个版本,需要注意它们的区别。

---------------------

作者:code_xzh

来源:CSDN

原文:https://blog.csdn.net/xiangzhihong8/article/details/80317682

版权声明:本文为博主原创文章,转载请附上博文链接!

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 193,968评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,682评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,254评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,074评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,964评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,055评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,484评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,170评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,433评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,512评论 2 308
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,296评论 1 325
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,184评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,545评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,150评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,437评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,630评论 2 335

推荐阅读更多精彩内容

  • 巜雨》 文:云烟 在绵绵的细雨里 拦截一个片段 化作秋思 潮润一个季节 用母音呼唤流水的顿悟 在不一样的花期里 看...
    当代诗人云烟阅读 269评论 4 9
  • 今天内心平静了很多,在感召学员的过程中还是有讨好迎合的味道,也觉察到自己对于夸奖我的人完全没有招架之力,所以我被夸...
    Hi_张阅读 161评论 0 0
  • 爱情是一种被人高估了的情感,无论最后在不在一起,爱与被爱都是一种美好的体验,同时,生活中还有很多其他有意思的事
    tao_162f阅读 397评论 0 0