Android刘海屏、水滴屏全面屏适配小结

现在,市面上的屏幕尺寸和全面屏方案五花八门。这里我使用了小米的图来说明:

上述两种屏幕都可以统称为刘海屏,不过对于右侧较小的刘海,业界一般称为水滴屏或美人尖。为便于说明,后文提到的「刘海屏」「刘海区」都同时指代上图两种屏幕。

刘海屏、水滴屏全面屏适配细节

当我们在谈屏幕适配时,我们具体谈什么呢?

  • 适应更长的屏幕
  • 防止内容被刘海遮挡

其中第一点是所有应用都需要适配的,对应下文的声明最大长宽比,而第二点,如果应用本身不需要全屏显示或使用沉浸式状态栏,是不需要适配的。

针对需要适配第二点的应用,需要获取刘海的位置和宽高,然后将显示内容避开即可。

声明最大长宽比

以前的普通屏长宽比为16:9,全面屏手机的屏幕长宽比增大了很多,如果不适配的话就会类似下面这样:

适配方式

适配方式有两种:

  1. 将targetSdkVersion版本设置到API 24及以上;

这个操作将会为<application> 标签隐式添加一个属性,android:resizeableActivity="true", 该属性的作用后面将详细说明。

在 <application> 标签中增加属性:android:resizeableActivity="false",同时在节点下增加一个meta-data标签:

 <!-- Render on full screen up to screen aspect ratio of 2.4 -->
 <!-- Use a letterbox on screens larger than 2.4 -->
 <meta-data android:name="android.max_aspect" android:value="2.4" />

原理说明

在 Android 7.0(API 级别 24)或更高版本的应用,android:resizeableActivity属性默认为true(对应适配方式1)。这个属性是控制多窗口显示的,决定当前的应用或者Activity是否支持多窗口。

可以在清单的<activity><application>节点中设置该属性,启用或禁用多窗口显示,配置如下:

android:resizeableActivity=["true" | "false"]

如果该属性设置为 true,Activity 将能以分屏和自由形状模式启动。 如果此属性设置为 false,Activity 将不支持多窗口模式。 如果该值为 false,且用户尝试在多窗口模式下启动 Activity,该 Activity 将全屏显示。

适配方式2即为设置屏幕的最大长宽比,这是官方提供的设置方式。
如果设置了最大长宽比,必须android:resizeableActivity="false"。 否则最大长宽比没有任何作用。

适配刘海屏

Android9.0适配

Android P(9.0)开始,官方开始提供了官方的挖孔屏适配API,具体可以参考Support display cutouts。
通过Android P提供的 DisplayCutout 类,可以确定非功能区域的位置和形状,这些区域不应显示内容。 要确定这些凹口屏幕区域是否存在及其位置,请使用 getDisplayCutout() 函数。

全新的窗口布局属性 layoutInDisplayCutoutMode 让您的应用可以为设备凹口屏幕周围的内容进行布局。 您可以将此属性设为下列值之一:

  • LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT
  • LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES
  • LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER

默认值是LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT,刘海区域不会显示内容,需要显示时可以将值设置为LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES。

您可以按如下步骤在任何运行 Android P 的设备或模拟器上模拟屏幕缺口:

  • 启用开发者选项;
  • 在 Developer options 屏幕中,向下滚动至 Drawing 部分并选择 Simulate a display with a cutout。

适配参考示例:

// 延伸显示区域到刘海
 WindowManager.LayoutParams lp = window.getAttributes();
 lp.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES;
 window.setAttributes(lp);
 // 设置页面全屏显示
 final View decorView = window.getDecorView();
 decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);

其中延伸显示区域到刘海的代码,也可以通过修改Activity或应用的style实现,例如:

 <?xml version="1.0" encoding="utf-8"?>
 <resources>
  <style name="AppTheme" parent="xxx">
   <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
  </style>
 </resources>

Android O 适配

因Google官方的适配方案到Android P才推出,因此在Android O(8.0版本)设备上,各家厂商有自己的实现方案。

华为Android O适配

方案一:

具体方式如下所示:

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

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

<application
  android:allowBackup="true"
  android:icon="@mipmap/ic_launcher"
  android:label="@string/app_name"
  android:roundIcon="@mipmap/ic_launcher_round"
  android:testOnly="false"
  android:supportsRtl="true"
  android:theme="@style/AppTheme">
  <meta-data android:name="android.notch_support" android:value="true"/>
  <activity android:name=".MainActivity">
   <intent-filter>
    <action android:name="android.intent.action.MAIN"/>
    <category android:name="android.intent.category.LAUNCHER"/>
   </intent-filter>
 </activity>

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

<application
  android:allowBackup="true"
  android:icon="@mipmap/ic_launcher"
  android:label="@string/app_name"
  android:roundIcon="@mipmap/ic_launcher_round"
  android:testOnly="false"
  android:supportsRtl="true"
  android:theme="@style/AppTheme">
  <activity android:name=".MainActivity">
   <intent-filter>
    <action android:name="android.intent.action.MAIN"/>

    <category android:name="android.intent.category.LAUNCHER"/>
   </intent-filter>
  </activity>
  <activity android:name=".LandscapeFullScreenActivity" android:screenOrientation="sensor">
  </activity>
  <activity android:name=".FullScreenActivity">
   <meta-data android:name="android.notch_support" android:value="true"/>
  </activity>
 </application>

方案二:

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

1,设置应用窗口在华为刘海屏手机使用刘海区。

/*刘海屏全屏显示FLAG*/
 public static final int FLAG_NOTCH_SUPPORT=0x00010000;
 /**
 * 设置应用窗口在华为刘海屏手机使用刘海区
 * @param window 应用页面window对象
 */
 public static void setFullScreenWindowLayoutInDisplayCutout(Window window) {
  if (window == null) {
   return;
  }
  WindowManager.LayoutParams layoutParams = window.getAttributes();
  try {
   Class layoutParamsExCls = Class.forName("com.huawei.android.view.LayoutParamsEx");
   Constructor con=layoutParamsExCls.getConstructor(LayoutParams.class);
   Object layoutParamsExObj=con.newInstance(layoutParams);
   Method method=layoutParamsExCls.getMethod("addHwFlags", int.class);
   method.invoke(layoutParamsExObj, FLAG_NOTCH_SUPPORT);
  } catch (ClassNotFoundException | NoSuchMethodException | IllegalAccessException |InstantiationException
  | InvocationTargetException e) {
   Log.e("test", "hw add notch screen flag api error");
  } catch (Exception e) {
   Log.e("test", "other Exception");
  }
 }

2.清除添加的华为刘海屏Flag,恢复应用不使用刘海区显示。

 public static void setNotFullScreenWindowLayoutInDisplayCutout (Window window) {
  if (window == null) {
   return;
  }
  WindowManager.LayoutParams layoutParams = window.getAttributes();
  try {
   Class layoutParamsExCls = Class.forName("com.huawei.android.view.LayoutParamsEx");
   Constructor con=layoutParamsExCls.getConstructor(LayoutParams.class);
   Object layoutParamsExObj=con.newInstance(layoutParams);
   Method method=layoutParamsExCls.getMethod("clearHwFlags", int.class);
   method.invoke(layoutParamsExObj, FLAG_NOTCH_SUPPORT);
  } catch (ClassNotFoundException | NoSuchMethodException | IllegalAccessException |InstantiationException
  | InvocationTargetException e) {
   Log.e("test", "hw clear notch screen flag api error");
  } catch (Exception e) {
   Log.e("test", "other Exception");
  }
 }

小米Android O适配

判断是否是刘海屏。

 private static boolean isNotch() {
  try {
   Method getInt = Class.forName("android.os.SystemProperties").getMethod("getInt", String.class, int.class);
   int notch = (int) getInt.invoke(null, "ro.miui.notch", 0);
   return notch == 1;
  } catch (Throwable ignore) {
  }
  return false;
 }

设置显示到刘海区域

@Override
 public void setDisplayInNotch(Activity activity) {
  int flag = 0x00000100 | 0x00000200 | 0x00000400;
  try {
   Method method = Window.class.getMethod("addExtraFlags",
     int.class);
   method.invoke(activity.getWindow(), flag);
  } catch (Exception ignore) {
  }
 }

获取刘海宽高

public static int getNotchHeight(Context context) {
  int resourceId = context.getResources().getIdentifier("notch_height", "dimen", "android");
  if (resourceId > 0) {
   return context.getResources().getDimensionPixelSize(resourceId);
  }
  return 0;
 }

 public static int getNotchWidth(Context context) {
  int resourceId = context.getResources().getIdentifier("notch_width", "dimen", "android");
  if (resourceId > 0) {
   return context.getResources().getDimensionPixelSize(resourceId);
  }
  return 0;
 }

oppo Android O适配

判断是否是刘海屏

@Override
 public boolean hasNotch(Activity activity) {
  boolean ret = false;
  try {
   ret = activity.getPackageManager().hasSystemFeature("com.oppo.feature.screen.heteromorphism");
  } catch (Throwable ignore) {
  }
  return ret;
 }

获取刘海的左上角和右下角的坐标

private static String getScreenValue() {
  String value = "";
  Class<?> cls;
  try {
   cls = Class.forName("android.os.SystemProperties");
   Method get = cls.getMethod("get", String.class);
   Object object = cls.newInstance();
   value = (String) get.invoke(object, "ro.oppo.screen.heteromorphism");
  } catch (Throwable ignore) {
  }
  return value;
 }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android全面屏与异形(刘海)屏的适配教程

    写在前面 Android全面屏的手机越来越多了,要开始考虑应用适配全面屏的问题了,查了查相关文章,总结一下. 声明最大屏幕宽高比 以上图片来自Google Developer 通过文档可以看出从Android7.0开始,应用的多窗口模式默认变为启动,在多窗口模式下,默认已经进行了全面屏适配,如果我们不想应用在多窗口模式下运行,可以修改以下属性: android:resizeableActivity="false" 此时,我们可以手动进行设置最大屏幕宽高比: android8.0及以上:

  • Android刘海屏、水滴屏全面屏适配小结

    现在,市面上的屏幕尺寸和全面屏方案五花八门.这里我使用了小米的图来说明: 上述两种屏幕都可以统称为刘海屏,不过对于右侧较小的刘海,业界一般称为水滴屏或美人尖.为便于说明,后文提到的「刘海屏」「刘海区」都同时指代上图两种屏幕. 刘海屏.水滴屏全面屏适配细节 当我们在谈屏幕适配时,我们具体谈什么呢? 适应更长的屏幕 防止内容被刘海遮挡 其中第一点是所有应用都需要适配的,对应下文的声明最大长宽比,而第二点,如果应用本身不需要全屏显示或使用沉浸式状态栏,是不需要适配的. 针对需要适配第二点的应用,需要获

  • Android全面屏适配与判断超详细讲解

    目录 1.全面屏的适配 2.判断是否为全面屏 3.全面屏手机的虚拟导航和全面屏手势的判断 1.全面屏的适配 全面屏出现后,如果不做适配,屏幕上会出现上下黑边,影响视觉效果. 针对此问题,Android官方提供了适配方案,即提高App所支持的最大屏幕纵横比,实现起来也比较简单,在AndroidManifest.xml中做如下配置即可,在AndroidManifet里的下声明: <meta-data android:name="android.max_aspect" android:

  • 详解Android 华为凹口屏适配小结

    Android8.0以后[凹口屏]得到迅速发展,目前已有了挖孔屏/水滴屏/刘海屏等各式各样的屏幕,究其根本依旧是[凹口屏],单华为一个品牌就涵盖了基本所有类型,而对于屏幕适配也是不可逃避的问题.小菜单独对华为各型号屏幕进行适配尝试,部分方法可通用到其他品牌设备,为 Android 标准 SDK 方法. 其实凹口屏已经出现很久了,对于获取凹口宽高的方式也有很多种,但是以前主流的凹口屏中凹口位置一般是位于屏幕正上方,但随着发展,也出现了在左上角的挖孔屏样式.相应的, Android 9.0 即 SD

  • Android 刘海屏适配总结(推荐)

    一.简介 随着 Apple 发布 iPhone X 之后,各大手机厂商也开始模仿这种刘海屏的设计,而且刘海屏手机的用户也是越来越大,前段时间将项目进行了所有主流厂商的刘海屏手机的适配,以便让刘海屏手机的用户也能有更好的体验. 二.刘海屏造成的 UI 显示问题 刘海屏手机因为比平常的手机多了一块顶部的遮挡性刘海,所以会造成顶部 Toolbar 以及搜索框的遮挡,而且有些厂商的手机(vivo.华为),默认是在「无状态栏」的界面将状态栏进行黑化显示,这时候会导致系统下移,从而导致底部的一些 UI 被截

  • Android App实现闪屏页广告图的全屏显示实例

    目录 1. 适配长屏幕的全面屏 2. 适配刘海屏或者水滴屏 凹形屏幕的显示模式 1. 适配长屏幕的全面屏 至于全屏展示,就得做适配工作,有以下两种方式可进行适配: 在 Android 8.0(API 26)及更高版本中,我们可以在 标签中使用 android:MaxAspectRatio 来声明其支持的屏幕最大宽高比. 比如我们可以声明最大宽高比为 2.4: <!-- Render on full screen up to screen aspect ratio of 2.4 --> <

  • Android基础之隐藏标题栏/设置为全屏/横竖屏切换

    目录 隐藏标题栏 设置为全屏 横竖屏切换 屏幕旋转方式 动态设置屏幕方向 设置横竖屏切换 总结 隐藏标题栏 基于xml <application android:theme="@style/Theme.AppCompat.Light.NoActionBar"> 动态隐藏 //继承自Activity时使用 requestWindowFeature(Window.FEATURE_NO_TITLE); //继承自AppCompatActivity时使用 getSupportAct

  • Android开发之全屏与非全屏的切换设置方法小结

    本文实例讲述了Android开发之全屏与非全屏的切换设置方法.分享给大家供大家参考,具体如下: 静态方法 1. 代码方式 在Activity类OnCreate方法中设置,代码如下 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); getWindow().se

  • Android给任何view添加全屏倾斜水印

    本文主要介绍了Android给任何view添加全屏倾斜水印,具体如下,分享给大家 如果要实现如下效果 目前有两种思路: 1.先画出带有水平文字的照片,然后再和原图合成即可 2.旋转画布,然后直接画布写字即可 两种方案都差不多,这里讲解的第二种方案. 但是两种方案都存在问题,就是文字需要完全覆盖,那么就需要我们的画布要比图片大,其实只要把画布移动到原图的外切图即可. 为了简单分析问题,我们取最长的边,把原图当成正方形,外切正方形的边长即为对角边.如下图 从上图我们可以看出,我们需要旋转45度然后平

  • Android 应用的全屏和非全屏实现代码

    Android 应用的全屏和非全屏实现代码 全屏显示操作: /** * 全屏显示 */ private void setFullSreen() { WindowManager.LayoutParams params = getWindow().getAttributes(); params.flags |= WindowManager.LayoutParams.FLAG_FULLSCREEN; getWindow().setAttributes(params); getWindow().addF

随机推荐