iPhoneX（刘海屏）适配在 iOS11的时候，苹果破天荒发布了一款新屏幕样式的手机，俗称刘海屏。世人皆道丑，而后纷纷买之。自此，iOS 开发者们也走向了 iPhoneX系列的适配之旅。区别状态栏，导航栏的改变和底部 Home Indicator的新增 。普通屏幕iPhoneX（刘海屏）系列状态栏高度2044导航栏高度6488tabBar4983（其中有34Home Indicator交互区）导
转载
2023-11-08 19:16:32
310阅读
前言刘海屏兴起的原因就不说了，只能说17年是最差劲的一届智能机了，说多了都是泪。既然局面已经这样了，咱们就来聊聊怎么解决刘海屏带来的屏幕适配问题。Android上的刘海屏出现在8.0系统上，小米、华为、vivo、oppo、一加、锤子等都有自家刘海屏手机，但Google是在Android P上才对其进行了适配，那对于开发者，8.0的刘海屏手机怎么适配呢？Android P呢？不急，下面我会通俗易懂的
转载
2024-01-10 21:15:06
73阅读
刘海屏是指某些设备显示屏上的一个区域延伸到显示面，这样既能为用户提供全面屏体验，又能为设备正面的重要传感器留出空间。Android 在搭载 Android 9（API 级别 28）及更高版本的设备上正式支持刘海屏。请注意，设备制造商也可以选择在搭载 Android 8.1 或更低版本的设备上支持刘海屏。 选择您的应用如何处理刘海区域如果不希望您的内容与刘海区域重叠，请确保您的内容不与状态
转载
2023-06-21 15:53:52
193阅读
刘海屏适配，就是不让刘海遮挡住应用程序，不影响应用程序的正常使用。竖屏情况下，系统会根据刘海的高度，响应调整状态栏的高度。因此，刘海对竖屏模式没有影响。可是横屏模式下，刘海区域就会变成一条大黑边。Android 9.0系统中提供了3种layoutInDisplayCutoutMode属性来允许应用自主决定该如何对刘海屏设备进行适配：①LAYOUT_IN_DISPLAY_CUTOUT_MODE_DE
转载
2023-06-30 13:10:42
240阅读
1 适配Android刘海屏小结一、沉浸式与非沉浸式来回切换页面适配二、沉浸式页面适配（非沉浸式页面，系统自动适配）不进行任何适配的情况下，带有刘海屏的手机都会有一套基本一致的处理逻辑。 一、沉浸式与非沉浸式来回切换页面适配阅读正文界面 1、 存在问题： 正文页面在阅读的时候是沉浸式的（无菜单，状态栏）,
转载
2023-09-17 12:16:26
119阅读
2.0.4） 中，提供了相应的解决方案，以方便我们在设计游戏时，能够更好的适应不同的环境。屏幕大小 和 宽高比。这两个因素是如何影响游戏的：屏幕大小： 从小分辨率 480×320 到 1280×800 分辨率，再到全高清 1080p，从手机到平板，还有苹果设备的 Retina屏，这么多不同的分辨率，而且大小差距甚大，不可能做到一
1.前言先吐槽一下，刘海屏真丑。然而作为苦逼的开发者，还是要去适配刘海屏的。好了，吐槽完毕，进入正题。 这里主要是介绍一下Android P中刘海屏的适配以及Android P之前的适配。为什么要分开呢？因为Android P之前官方还没提供API来进行适配，都是由各家厂商来提供适配方案的。2.Android P中的刘海屏适配2.1 Google对刘海屏的支持介绍Google将刘海屏命名为屏幕缺口
转载
2023-11-15 22:18:17
173阅读
1. Android P 刘海屏的适配介绍： Android P 新增了刘海屏的支持，以下内容摘录至Google Android Developer官网：Android 9 支持最新的全面屏，其中包含为摄像头和扬声器预留空间的屏幕缺口。 通过 DisplayCutout 类可确定非功能区域的位置和形状，这些区域不应显示内容。 要确定这些屏幕缺口区域是否存在及其位置，请使用 getDisplayCu
前言前段时间帮朋友搞了一个app，中间没更新blog，项目上线后，要开
原创
2022-11-04 11:26:37
806阅读
game窗口中，点击game下方的尺寸，可以自定义窗口尺寸大小，你可以根据自己的需要自行定义，注意，并不是你定义多大的尺寸你实际看到的就是多大的尺寸，这还要和UIRoot中高度和宽度的参数共同决定。其实所谓的自适应就是，例如，我按照1920*1080（1920/1080=16/9）做了ui的，但是我的屏幕是2048*1536（2048/1536=4/3），所说的自适应就是我本身的ui尺寸要适应我现
转载
2023-12-01 07:19:59
174阅读
本文转载自IT之家，IT之家3月13日消息 外媒 MacRumors 报道，据巴克莱分析师安德鲁 - 加德纳和他的三位同事称，定于今年晚些时候发布的 iPhone 13 系列机型 “很可能”会在显示屏下方嵌入指纹扫描仪进行身份验证，此外还有 Face ID。在今天分享的一份研究报告中，分析师补充说，iPhone 13 系列机型将采用更小的刘海缺口，而 LiDAR 激光雷达扫描仪今年仍将仅
转载
2023-10-13 10:27:07
64阅读
背景1.目前已上市的小米 Notch 设备（俗称刘海屏手机）如下，其宽度、高度和形状均略有差异。机型modeldevice分辨率Notch高度Notch宽度DPI小米8Xiaomi MI 8dipper1080*224889560440小米8 SEXiaomi MI 8 SEsirius1080*224485540440小米8 透明探索版Xiaomi MI8 Explorer Editionurs
转载
2023-10-31 18:33:14
111阅读
NotchFit是一款Android端的刘海屏适配库，适配了O版本和P版本，它屏蔽了不同厂商不同设备不同系统版本对刘海屏适配带来的一系列的繁杂的问题。 NotchFit可以智能的判断刘海的逻辑参数，所谓的刘海逻辑参数是该库对设备刘海参数的一个抽象获取，刘海逻辑参数不单是获取设备的硬件参数，还会根据系统的设置（如小米、华为等手机可以在
先参考一下各厂商的刘海屏适配api华为:https://devcenter-test.huawei.com/consumer/cn/devservice/doc/50114 小米:https://dev.mi.com/console/doc/detail?pId=1293Oppo:https://open.oppomobile.com/service/message/detail?id=61876
原创
2023-03-08 00:54:41
259阅读
使用原生占位（仅App端支持）mainfest.json 文件 app-plus 节点下配置 safearea"safearea": {
"background": "#CCCCCC",
"bottom": {
"offset": "auto"
}
}不使用原生占位（非App端可以不配置mainfest）mainfest.json 文件
特别注意：/static/img/back.png tips：防止弹窗遮罩时页面可滚动，在弹窗的外层view标签加上 @touchmove.stop.prevent="" 1、关于自定义导航栏中的刘海屏适配问题：官方提供了一个CSS变量可以直接引用：var(--status-bar-height)该变量自动匹配设备平台状态栏高度此变量可以用calc() 加上其他单位数值来使用具体参数和说
# 在 Android 中适配刘海屏
随着手机设计的不断进化，刘海屏（或称缺口屏）逐渐成为主流设备的标准配置。相较于传统的全面屏设计，刘海屏因其独特的外观和设计便利性而备受欢迎。不过，作为开发者，如何确保自己的应用程序能够在刘海屏设备上正常显示，成为了一个重要课题。
## 刘海屏的基本概念
刘海屏的出现是为了在不增加设备尺寸的情况下，提供更大的显示面积。在屏幕顶部的空间内，通常会有摄像头、传
Android 官方9.0刘海屏适配策略如果非全屏模式（有状态栏），则app不受刘海屏的影响，刘海屏的高就是状态栏的高如果全屏模式，app未适配刘海屏，系统会对界面做特殊处理，竖屏向下移动，横屏向右移动我们先模拟下全屏没有适配刘海屏的效果
