iPhoneX（刘海屏）适配在 iOS11的时候，苹果破天荒发布了一款新屏幕样式的手机，俗称刘海屏。世人皆道丑，而后纷纷买之。自此，iOS 开发者们也走向了 iPhoneX系列的适配之旅。区别状态栏，导航栏的改变和底部 Home Indicator的新增 。普通屏幕iPhoneX（刘海屏）系列状态栏高度2044导航栏高度6488tabBar4983（其中有34Home Indicator交互区）导
转载
2023-11-08 19:16:32
415阅读
在开发iOS应用时，SwiftUI适配各类屏幕尺寸和特性变得至关重要，特别是对于刘海屏幕的适配。接下来的步骤将带领大家一起深入探讨如何实现SwiftUI的刘海适配，确保我们的应用在视觉和功能上都完善。
## 环境准备
为了顺利进行SwiftUI的开发，首先我们需要搭建合适的开发环境。以下是我们需要的基本环境配置和工具。
### 技术栈兼容性
| 组件 | 最低版本
1.前言先吐槽一下，刘海屏真丑。然而作为苦逼的开发者，还是要去适配刘海屏的。好了，吐槽完毕，进入正题。 这里主要是介绍一下Android P中刘海屏的适配以及Android P之前的适配。为什么要分开呢？因为Android P之前官方还没提供API来进行适配，都是由各家厂商来提供适配方案的。2.Android P中的刘海屏适配2.1 Google对刘海屏的支持介绍Google将刘海屏命名为屏幕缺口
转载
2023-11-15 22:18:17
244阅读
game窗口中，点击game下方的尺寸，可以自定义窗口尺寸大小，你可以根据自己的需要自行定义，注意，并不是你定义多大的尺寸你实际看到的就是多大的尺寸，这还要和UIRoot中高度和宽度的参数共同决定。其实所谓的自适应就是，例如，我按照1920*1080（1920/1080=16/9）做了ui的，但是我的屏幕是2048*1536（2048/1536=4/3），所说的自适应就是我本身的ui尺寸要适应我现
转载
2023-12-01 07:19:59
230阅读
0.刘海屏这儿的刘海屏统一指挖孔屏、凹凸屏等有一部分不能显示内容的区域的屏幕1.刘海屏适配1.1刘海屏的类型自从iPhone X以后，Android各大厂商都在跟风刘海屏，先不管它的好看与否，这都是android开发者迈不过去的一道坎，由于android设备类型太多，也造成了刘海屏的不同类型，大致如下图所示 最后一种没有见过，暂时不去管它。为了防止全屏显示时布局的遮挡及提供给用户更好的屏幕使用或者
Canvas中的Render Mode属性，我们知道共有Screen Space-Overlay模式、Screen Space-Camera模式、World Space模式三种，对于这三种模式，我的使用理解是如果项目是2d的就选用第一种(当然第二种也可以，只是没有第一种方便，因为要涉及到相机，或者你也可以不使用相机)，如果是2d项目中有3d模型或者其他3d效果建议选用第二种模式，第三种基本很少用到
前言刘海屏兴起的原因就不说了，只能说17年是最差劲的一届智能机了，说多了都是泪。既然局面已经这样了，咱们就来聊聊怎么解决刘海屏带来的屏幕适配问题。Android上的刘海屏出现在8.0系统上，小米、华为、vivo、oppo、一加、锤子等都有自家刘海屏手机，但Google是在Android P上才对其进行了适配，那对于开发者，8.0的刘海屏手机怎么适配呢？Android P呢？不急，下面我会通俗易懂的
转载
2024-01-10 21:15:06
204阅读
刘海屏是指某些设备显示屏上的一个区域延伸到显示面，这样既能为用户提供全面屏体验，又能为设备正面的重要传感器留出空间。Android 在搭载 Android 9（API 级别 28）及更高版本的设备上正式支持刘海屏。请注意，设备制造商也可以选择在搭载 Android 8.1 或更低版本的设备上支持刘海屏。 选择您的应用如何处理刘海区域如果不希望您的内容与刘海区域重叠，请确保您的内容不与状态
转载
2023-06-21 15:53:52
263阅读
本文转载自IT之家，IT之家3月13日消息 外媒 MacRumors 报道，据巴克莱分析师安德鲁 - 加德纳和他的三位同事称，定于今年晚些时候发布的 iPhone 13 系列机型 “很可能”会在显示屏下方嵌入指纹扫描仪进行身份验证，此外还有 Face ID。在今天分享的一份研究报告中，分析师补充说，iPhone 13 系列机型将采用更小的刘海缺口，而 LiDAR 激光雷达扫描仪今年仍将仅
转载
2023-10-13 10:27:07
78阅读
NotchFit是一款Android端的刘海屏适配库，适配了O版本和P版本，它屏蔽了不同厂商不同设备不同系统版本对刘海屏适配带来的一系列的繁杂的问题。 NotchFit可以智能的判断刘海的逻辑参数，所谓的刘海逻辑参数是该库对设备刘海参数的一个抽象获取，刘海逻辑参数不单是获取设备的硬件参数，还会根据系统的设置（如小米、华为等手机可以在
转载
2024-05-08 13:25:04
101阅读
特别注意：/static/img/back.png tips：防止弹窗遮罩时页面可滚动，在弹窗的外层view标签加上 @touchmove.stop.prevent="" 1、关于自定义导航栏中的刘海屏适配问题：官方提供了一个CSS变量可以直接引用：var(--status-bar-height)该变量自动匹配设备平台状态栏高度此变量可以用calc() 加上其他单位数值来使用具体参数和说
转载
2024-06-09 10:48:59
828阅读
刘海屏适配，就是不让刘海遮挡住应用程序，不影响应用程序的正常使用。竖屏情况下，系统会根据刘海的高度，响应调整状态栏的高度。因此，刘海对竖屏模式没有影响。可是横屏模式下，刘海区域就会变成一条大黑边。Android 9.0系统中提供了3种layoutInDisplayCutoutMode属性来允许应用自主决定该如何对刘海屏设备进行适配：①LAYOUT_IN_DISPLAY_CUTOUT_MODE_DE
转载
2023-06-30 13:10:42
368阅读
1 适配Android刘海屏小结一、沉浸式与非沉浸式来回切换页面适配二、沉浸式页面适配（非沉浸式页面，系统自动适配）不进行任何适配的情况下，带有刘海屏的手机都会有一套基本一致的处理逻辑。 一、沉浸式与非沉浸式来回切换页面适配阅读正文界面 1、 存在问题： 正文页面在阅读的时候是沉浸式的（无菜单，状态栏）,
转载
2023-09-17 12:16:26
129阅读
# Vue适配iOS刘海屏的实现指南
在移动应用开发中，尤其是使用Vue.js进行开发时，处理屏幕适配是一项重要的任务。为了提供良好的用户体验，尤其是在刘海屏设备（如iPhone X及以上型号）上，我们需要借助一些技术来进行适配。本文将详细介绍如何实现Vue适配iOS刘海屏的全过程。
## 步骤概览
下面是整个适配过程的步骤概览：
| 步骤 | 描述
在开发 iOS 应用时，适配不同屏幕形状、尤其是刘海屏（Notch）是一个必须面对的挑战。本篇博文将详细记录如何通过使用 XIB 文件实现 iOS 严谨的刘海屏适配。
## 环境准备
首先，确保你的开发环境已正确设置。你需要的工具和依赖如下：
- Xcode 12 或更高版本
- iOS 13.0 或更高版本的模拟器或真实设备
- Swift 5 或更高版本
### 依赖安装指南
在 M
一、前期基础知识储备image话不多说，这么多刘海屏手机今年集中爆发，所以尽管刘海屏不好看，但是还是要适配。2017年苹果X开启了刘海屏时代，2018年集中爆发，纷纷采取刘海屏这一策略来实现全面屏的概念(看36氪中的新闻，明年是5G元年，同时三星推出了折叠屏，未来的手机主流趋势是否会发生改变暂不得而知，但刘海屏不会退出市场，淡出视野这一点是确定的)，所以Android手机对于刘海屏的适配也是比较重
一、iOS屏幕适配发展历程设备适配技术4及以前（iPad未出）直接用代码计算有了iPadautoResizing有不同屏幕的iPhone后autoLayout有更多不同屏幕的iPhone后sizeClass二、各个技术的特性1、 直接用代码计算由于屏幕的大小都一样，只有横竖屏的情况，可以直接计算2、 autoResizing适合于控件与其父控件的关系各属性的解释属性解释UIViewAutoresi
转载
2023-09-12 20:05:41
140阅读
前言：Flutter系列的文章我应该会持续更新至少一个月左右，从User Interface(UI)到数据相关（文件、数据库、网络）再到Flutter进阶（平台特定代码编写、测试、插件开发等），欢迎感兴趣的读者持续关注(可以扫描左边栏二维码或者微信搜索”IT工匠“关注微信公众号哦，会同步推送)。摘要本文通过一个简单的例子来逐步为大家介绍如何在Flutter中构建漂亮的布局，通过本文你将会了解到以下
1. Android P 刘海屏的适配介绍： Android P 新增了刘海屏的支持，以下内容摘录至Google Android Developer官网：Android 9 支持最新的全面屏，其中包含为摄像头和扬声器预留空间的屏幕缺口。 通过 DisplayCutout 类可确定非功能区域的位置和形状，这些区域不应显示内容。 要确定这些屏幕缺口区域是否存在及其位置，请使用 getDisplayCu
转载
2024-04-23 12:06:56
421阅读
前言android设备各种各样，手机、pad、电视、车载等不一而足。即使是相同分辨率的手机也可能参数不一致，比如1080P的手机 dpi 一般认为是480，但是 Google 的Pixel2（1920*1080）的 dpi 是420。此外，android设备的宽高比更是多种多样。这就导致App适配的工作异常困难。尤其是你的app要适配各种平台，比如手机、pad、车载、电视。在这种情形下，你面临的问
转载
2023-07-17 16:31:54
185阅读
