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

举报
橘座 发表于 2019/09/05 22:24:01 2019/09/05
【摘要】 现在,市面上的屏幕尺寸和全面屏方案五花八门。这里我使用了小米的图来说明:上述两种屏幕都可以统称为刘海屏,不过对于右侧较小的刘海,业界一般称为水滴屏或美人尖。为便于说明,后文提到的「刘海屏」「刘海区」都同时指代上图两种屏幕。刘海屏、水滴屏全面屏适配细节当我们在谈屏幕适配时,我们具体谈什么呢?适应更长的屏幕防止内容被刘海遮挡其中第一点是所有应用都需要适配的,对应下文的声明最大长宽比,而第二点,如...

现在,市面上的屏幕尺寸和全面屏方案五花八门。这里我使用了小米的图来说明:在这里插入图片描述上述两种屏幕都可以统称为刘海屏,不过对于右侧较小的刘海,业界一般称为水滴屏或美人尖。为便于说明,后文提到的「刘海屏」「刘海区」都同时指代上图两种屏幕。

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

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

  • 适应更长的屏幕

  • 防止内容被刘海遮挡

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

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

声明最大长宽比

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

适配方式

适配方式有两种:

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

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

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

 


原理说明

在 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 的设备或模拟器上模拟屏幕缺口:

  1. 启用开发者选项;

  2. 在 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实现,例如:

 
 <resources>
     <style><![CDATA[/* */]]></style>

 </resources>

Android O 适配

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

华为Android O适配

方案一:

  1. 具体方式如下所示:


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

<application android&#58;allowbackup="true" android&#58;icon="&#64;mipmap&#47;ic&#95;launcher" android&#58;label="&#64;string&#47;app&#95;name" android&#58;roundicon="&#64;mipmap&#47;ic&#95;launcher&#95;round" android&#58;supportsrtl="true" android&#58;testonly="false" android&#58;theme="&#64;style&#47;AppTheme">
     
     <activity android&#58;name="&#46;MainActivity">
         <intent-filter>
             
             
         </intent-filter>
 </activity>
  1. 对Activity生效,意味着可以针对单个页面进行刘海屏适配,设置了该属性的Activity系统将不会做特殊处理。例如:

<application android&#58;allowbackup="true" android&#58;icon="&#64;mipmap&#47;ic&#95;launcher" android&#58;label="&#64;string&#47;app&#95;name" android&#58;roundicon="&#64;mipmap&#47;ic&#95;launcher&#95;round" android&#58;supportsrtl="true" android&#58;testonly="false" android&#58;theme="&#64;style&#47;AppTheme">
     <activity android&#58;name="&#46;MainActivity">
         <intent-filter>
             
 
             
         </intent-filter>
     </activity>
     <activity android&#58;name="&#46;LandscapeFullScreenActivity" android&#58;screenorientation="sensor">
     </activity>
     <activity android&#58;name="&#46;FullScreenActivity">
         
     </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适配

  1. 判断是否是刘海屏。

 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;
 }
  1. 设置显示到刘海区域

@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) {
     }
 }
  1. 获取刘海宽高

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适配

  1. 判断是否是刘海屏

@Override
 public boolean hasNotch(Activity activity) {     boolean ret = false;     try {
         ret = activity.getPackageManager().hasSystemFeature("com.oppo.feature.screen.heteromorphism");
     } catch (Throwable ignore) {
     }     return ret;
 }
  1. 获取刘海的左上角和右下角的坐标

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;
 }

参考链接: 声明受限屏幕支持:声明最大长宽比 Android 8.1 兼容性定义 多窗口支持 Support display cutouts 华为刘海屏手机安卓O版本适配指导 OPPO凹形屏适配说明 vivo 全面屏应用适配指南 小米刘海屏水滴屏 Android O 适配 附件:https://download.csdn.net/download/oneblue123/10784978


【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。