使用原生占位（仅App端支持）mainfest.json 文件 app-plus 节点下配置 safearea"safearea": {
"background": "#CCCCCC",
"bottom": {
"offset": "auto"
}
}不使用原生占位（非App端可以不配置mainfest）mainfest.json 文件
转载
2024-08-07 21:38:52
640阅读
刘海屏顶部安全区|状态栏高度var(–status-bar-height) 此变量在微信小程序环境为固定 25px，在 5+App 里为手机实际状态栏高度。 当设置 “navigationStyle”:“custom” 取消原生导航栏后，由于窗体为沉浸式，占据了状态栏位置。此时可以使用一个高度为 var(–status-bar-height) 的 view 放在页面顶部，避免页面内容出现在状态栏。
转载
2024-04-04 09:31:22
211阅读
在开发iOS游戏或应用程序时，如何让Unity适配iPhone的刘海屏是一个常见的问题。随着iPhone X及其后续版本的推出，这种屏幕设计呈现出独特的形态，对用户界面（UI）的设计和体验提出了新的挑战。在本文中，我们将详细记录适配iOS刘海屏的过程，包括问题背景、错误现象、根因分析、解决方案、验证测试及预防优化。
## 问题背景
随着移动设备的发展，用户对UI的期望不断提高，尤其是在处理刘海
Unity适配IOS刘海屏 高度的描述
在当今的移动开发中，如何让你的Unity项目完美适配iOS刘海屏是一项重要的任务。随着iPhone X及后续机型的推出，刘海屏已经成为新的标配。如果没有正确的适配，会影响用户体验。接下来将以详细的步骤为你介绍如何解决这个问题，包括环境准备、集成步骤、配置详解、实战应用、性能优化以及生态扩展。
## 环境准备
要确保你的开发环境兼容与iOS刘海屏适配，我
修复可视区域高度问题通过设置小程序和 iso 安卓APP 不同系统做兼容app端会默认加入刘海屏高度，计算减去此高度即可// 获取可视区域高度【兼容】
getClientHeight(){
const res = uni.getSystemInfoSync();
console.log(res.platform
转载
2024-09-23 06:26:41
106阅读
脚本生命周期:Awake:脚本唤醒，此方法相当于类的初始化方法，只执行一次Start:只执行一次Update:正常更新，用于更新逻辑，每帧调用一次LateUpdate:推迟更新：在Update之后执行，每帧调用一次OnGUI:绘制界面，每帧调用OnDestroy:当前脚本销毁时调用FixedUpdate:固定更新：根据固定时间来更新，常用于模型移动等操作，在Edit->Project Set
转载
2024-08-06 09:54:32
57阅读
game窗口中，点击game下方的尺寸，可以自定义窗口尺寸大小，你可以根据自己的需要自行定义，注意，并不是你定义多大的尺寸你实际看到的就是多大的尺寸，这还要和UIRoot中高度和宽度的参数共同决定。其实所谓的自适应就是，例如，我按照1920*1080（1920/1080=16/9）做了ui的，但是我的屏幕是2048*1536（2048/1536=4/3），所说的自适应就是我本身的ui尺寸要适应我现
转载
2023-12-01 07:19:59
230阅读
特别注意：/static/img/back.png tips：防止弹窗遮罩时页面可滚动，在弹窗的外层view标签加上 @touchmove.stop.prevent="" 1、关于自定义导航栏中的刘海屏适配问题：官方提供了一个CSS变量可以直接引用：var(--status-bar-height)该变量自动匹配设备平台状态栏高度此变量可以用calc() 加上其他单位数值来使用具体参数和说
转载
2024-06-09 10:48:59
828阅读
先参考一下各厂商的刘海屏适配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
313阅读
支持刘海屏刘海屏是指某些设备显示屏上的一个区域延伸到显示面，这样既能为用户提供全面屏体验，又能为设备正面的重要传感器留出空间。Android 在搭载 Android 9（API 级别 28）及更高版本的设备上正式支持刘海屏。请注意，设备制造商也可以选择在搭载 Android 8.1 或更低版本的设备上支持刘海屏。本主题介绍如何实现对带刘海屏的设备的支持，包括如何处理“刘海区域”，即显示面上包含刘海
转载
2023-06-29 22:46:20
361阅读
Android 官方9.0刘海屏适配策略如果非全屏模式（有状态栏），则app不受刘海屏的影响，刘海屏的高就是状态栏的高如果全屏模式，app未适配刘海屏，系统会对界面做特殊处理，竖屏向下移动，横屏向右移动我们先模拟下全屏没有适配刘海屏的效果![因为我这个截屏是真机截图，上面黑条是刘海屏造成的，有黑条所以不是我们需要的。解决方案：设置沉浸式注意：设置沉浸式必须在 setContentView(R.la
转载
2023-09-15 21:25:10
303阅读
Android P预览版增加了很多亮点新特性，其中最接地气、最直观的改变当属适配了类似于华为P20的顶部凹槽屏幕设计这一项，俗称刘海屏。在开发者模式中，Android P系统将调整通知栏的设计来适配此种屏幕，新的APIs也将允许开发者决定通知消息的展示形式。随着各大手机厂商挤入“刘海屏”手机发布的潮流，Android P版本的此特性，能够让各大应用厂商充分利用独特的屏幕来进行应
转载
2023-08-14 10:09:08
480阅读
# Unity的iOS如何适配刘海屏
## 引言
随着iPhone X的发布，刘海屏成为了iOS设备的主流设计，而Unity作为一款跨平台的游戏开发引擎，在适配刘海屏时也有一些需要注意的地方。本文将介绍如何在Unity中适配刘海屏，并提供一个实际问题的解决方案。
## 适配刘海屏的原理
刘海屏原理上就是在屏幕的上方预留了一片区域，通常包含前置摄像头、红外传感器等，为了充分利用这一区域，我们需要
原创
2023-09-04 08:55:50
1150阅读
背景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
217阅读
iPhoneX（刘海屏）适配在 iOS11的时候，苹果破天荒发布了一款新屏幕样式的手机，俗称刘海屏。世人皆道丑，而后纷纷买之。自此，iOS 开发者们也走向了 iPhoneX系列的适配之旅。区别状态栏，导航栏的改变和底部 Home Indicator的新增 。普通屏幕iPhoneX（刘海屏）系列状态栏高度2044导航栏高度6488tabBar4983（其中有34Home Indicator交互区）导
转载
2023-11-08 19:16:32
418阅读
参考文章Demo地址全屏状态下全屏的状态中,状态栏是不存在的,系统默认DecorView布局不会延申到刘海区域.设置全屏// 去除标题
requestWindowFeature(Window.FEATURE_NO_TITLE);
// WindowManager.LayoutParams.FLAG_FULLSCREEN: 让window进行全屏显示
getWindow().setFlags(Win
转载
2023-08-30 18:08:17
356阅读
# Android 适配刘海屏的实践与探讨
随着智能手机市场的不断发展，刘海屏（或称异形屏）成为了一种流行的设计趋势。为了确保用户在使用应用时能够获得良好的体验，开发者需要了解如何在Android应用中适配刘海屏。本文将从适配的重要性、实现方法以及相关代码示例来进行阐述。
## 适配刘海屏的重要性
刘海屏的设计虽然可以增加屏幕的占用率，但也会影响传统的UI布局，特别是在状态栏、导航栏等区域。
原创
2024-08-11 06:56:22
161阅读
一、前期基础知识储备image话不多说，这么多刘海屏手机今年集中爆发，所以尽管刘海屏不好看，但是还是要适配。2017年苹果X开启了刘海屏时代，2018年集中爆发，纷纷采取刘海屏这一策略来实现全面屏的概念(看36氪中的新闻，明年是5G元年，同时三星推出了折叠屏，未来的手机主流趋势是否会发生改变暂不得而知，但刘海屏不会退出市场，淡出视野这一点是确定的)，所以Android手机对于刘海屏的适配也是比较重
https://juejin.cn/post/6844903967625854990
原创
2022-07-11 10:48:59
258阅读
一：IPhoneIPhoneX/XS的高宽比：2.165，iphoneXR/XSmax的高宽比：2.164using UnityEngine;public class GameAdaptation : MonoBehaviour{ public Transform[] uis; private void Awake() { //禁止屏幕锁屏...
原创
2021-07-08 17:23:46
1876阅读
