Android P 刘海屏适配全攻略,2024Android春招面试经历

2.2 Android P提供提供的刘海屏适配方案

  1. 对于有状态栏的页面,不会受到刘海屏特性的影响,因为刘海屏包含在状态栏中了;
  2. 全屏显示的页面,系统刘海屏方案会对应用界面做下移处理,避开刘海区显示,这时会看到刘海区域变成一条黑边,完全看不到刘海了;
  3. 已经适配Android P应用的全屏页面可以通过谷歌提供的适配方案使用刘海区,真正做到全屏显示。

2.3 Android P中支持的凹口屏幕类型

目前Android支持了三类凹口屏幕类型:边角显示屏凹口(斜刘海)双显示屏凹口(刘海+胡子)长型显示屏凹口(刘海),如下图所示:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

目前的手机主要还是长型显示屏凹口,即刘海屏。其他斜刘海和胡子手机应该还没有实物吧?反正是亮瞎了狗眼了。

2.4 刘海屏布局及安全区域说明

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

2.5 Android P中凹口屏幕相关接口

注意,以下接口都是要Build.VERSION.SDK_INT >= 28才能调用到。

2.5.1 DisplayCutout类接口

主要用于获取凹口位置和安全区域的位置等。主要接口如下所示:

方法接口说明
getBoundingRects()返回Rects的列表,每个Rects都是显示屏上非功能区域的边界矩形。
getSafeInsetLeft ()返回安全区域距离屏幕左边的距离,单位是px。
getSafeInsetRight ()返回安全区域距离屏幕右边的距离,单位是px。
getSafeInsetTop ()返回安全区域距离屏幕顶部的距离,单位是px。
getSafeInsetBottom()返回安全区域距离屏幕底部的距离,单位是px。

来看下例子。 这里将开发者选项中的模拟具有凹口的显示屏选项改为双显示屏凹口,即这里应当有两个刘海,然后,直接上代码:

public class NotchActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

//开局就一张背景图
setContentView(R.layout.notch);

getNotchParams();
}

@TargetApi(28)
public void getNotchParams() {
final View decorView = getWindow().getDecorView();

decorView.post(new Runnable() {
@Override
public void run() {
DisplayCutout displayCutout = decorView.getRootWindowInsets().getDisplayCutout();
Log.e(“TAG”, “安全区域距离屏幕左边的距离 SafeInsetLeft:” + displayCutout.getSafeInsetLeft());
Log.e(“TAG”, “安全区域距离屏幕右部的距离 SafeInsetRight:” + displayCutout.getSafeInsetRight());
Log.e(“TAG”, “安全区域距离屏幕顶部的距离 SafeInsetTop:” + displayCutout.getSafeInsetTop());
Log.e(“TAG”, “安全区域距离屏幕底部的距离 SafeInsetBottom:” + displayCutout.getSafeInsetBottom());

List rects = displayCutout.getBoundingRects();
if (rects == null || rects.size() == 0) {
Log.e(“TAG”, “不是刘海屏”);
} else {
Log.e(“TAG”, “刘海屏数量:” + rects.size());
for (Rect rect : rects) {
Log.e(“TAG”, “刘海屏区域:” + rect);
}
}
}
});
}
}

输出结果为:

06-04 21:57:10.120 5698-5698/? E/TAG: 安全区域距离屏幕左边的距离 SafeInsetLeft:0
06-04 21:57:10.120 5698-5698/? E/TAG: 安全区域距离屏幕右部的距离 SafeInsetRight:0
06-04 21:57:10.120 5698-5698/? E/TAG: 安全区域距离屏幕顶部的距离 SafeInsetTop:112
06-04 21:57:10.120 5698-5698/? E/TAG: 安全区域距离屏幕底部的距离 SafeInsetBottom:112
06-04 21:57:10.120 5698-5698/? E/TAG: 刘海屏数量:2
06-04 21:57:10.120 5698-5698/? E/TAG: 刘海屏区域:Rect(468, 0 - 972, 112)
06-04 21:57:10.120 5698-5698/? E/TAG: 刘海屏区域:Rect(468, 2448 - 972, 2560)

可以看到,即距离顶部和底部各112px的区域就是安全区域了。

2.5.2 设置凹口屏幕显示模式

使用例子:

WindowManager.LayoutParams lp = getWindow().getAttributes();
lp.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_ALWAYS;
getWindow().setAttributes(lp);

Android P中新增了一个布局参数属性layoutInDisplayCutoutMode,包含了三种不同的模式,如下所示:

模式模式说明
LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT只有当DisplayCutout完全包含在系统栏中时,才允许窗口延伸到DisplayCutout区域。 否则,窗口布局不与DisplayCutout区域重叠。
LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER该窗口决不允许与DisplayCutout区域重叠。
LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES该窗口始终允许延伸到屏幕短边上的DisplayCutout区域。

下面我们来写个Demo看下这三种模式的显示效果: Demo很简单,就是显示一张背景图,相关背景布局就不贴了,来看下主要的代码:

public class NotchActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//去掉标题
requestWindowFeature(Window.FEATURE_NO_TITLE);
//开局就一张背景图
setContentView(R.layout.notch);

//全屏显示
getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);

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

//下面图1
lp.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER;
//下面图2
// lp.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES;
//下面图3
// lp.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT;
getWindow().setAttributes(lp);
}
}

这里设置为全屏的显示效果,三种模式的结果如下图所示:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

图一可以看到上面有黑边。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

图二明显看到有刘海。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

图三同样是黑边。

可以看到:

  1. LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES模式会让屏幕到延申刘海区域中。
  2. LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER模式不会让屏幕到延申刘海区域中,会留出一片黑色区域。
  3. LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT模式在全屏显示下跟LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER一样。

我们再来看看LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT模式在沉浸式状态栏下的效果,代码如下:

public class NotchActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//去掉标题
requestWindowFeature(Window.FEATURE_NO_TITLE);
//开局就一张背景图
setContentView(R.layout.notch);

//全屏显示
// getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);

//沉浸式状态栏
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

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

lp.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT;

getWindow().setAttributes(lp);

}
}

如下图所示:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

可以看到:

当刘海区域完全在系统的状态栏时,LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT的显示效果与LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES一致。

所以,当我们进行刘海屏的适配时,请根据实际情况去使用不同的layoutInDisplayCutoutMode

2.6 那么刘海屏该如何适配呢?

2.6.1 如果页面存在状态栏
  • 那么很简单,不用适配,因为刘海区域会包含在状态栏中了。
  • 如果不想看到刘海区域,可以使用LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER将刘海区域变成一条黑色边。
2.6.2 如果页面是全屏显示
  • 不适配的话将会留出一条黑色边。

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级安卓工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
img

文末

很多人在刚接触这个行业的时候或者是在遇到瓶颈期的时候,总会遇到一些问题,比如学了一段时间感觉没有方向感,不知道该从那里入手去学习,对此我整理了一些资料,需要的可以免费分享给大家

这里笔者分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司19年的面试题,把技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节,由于篇幅有限,这里以图片的形式给大家展示一部分。如有需要点击这里前往我的GitHub免费获取

【视频教程】

天道酬勤,只要你想,大厂offer并不是遥不可及!希望本篇文章能为你带来帮助,如果有问题,请在评论区留言。

取](https://bbs.csdn.net/topics/618156601)。

[外链图片转存中…(img-x4wnsbeL-1710498130328)]

[外链图片转存中…(img-ZZdRsLvy-1710498130328)]

【视频教程】

[外链图片转存中…(img-0TB9lmF7-1710498130329)]

天道酬勤,只要你想,大厂offer并不是遥不可及!希望本篇文章能为你带来帮助,如果有问题,请在评论区留言。

  • 18
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值