适配iPhoneXS max和iPhoneX R的方法示例

9.18更新:经测试发现iOS12修改了非刘海屏safeArea的值! 拿iPhone6竖屏情况下为例iOS11中返回的safeAreaInsets为(0,0,0,0);iOS12中返回的safeAreaInsets为(20,0,0,0);是的这个top-20是状态栏。这里大家要注意下,不应该盲目使用safeAreaInsets,而是使用我下面类似的判断刘海屏的方法来区分刘海屏后再决定是否使用safeAreaInsets;

今年的三款新手机已经发布,加上Xcode10已经发布GM Seed版本,也可以使用模拟器对新机进行适配,所以赶紧开始吧!

三款手机的屏幕大小

适配iPhoneXS max和iPhoneX R的方法示例

图片官网地址

上面是像素单位,然后我们找到对应的倍数,换算成-点pt;

适配iPhoneXS max和iPhoneX R的方法示例

图片官网地址

最后得到:

iPhone XS 375812pt*

iPhone XR 414896pt*

iPhone X 414896pt*

总结一下,因为X已经都是陪过了XS基本上就是忽略不管了,而新出的XR和XS Max虽然屏幕像素不同(一个LCD屏幕一个OLED屏幕)所以一个2x一个3x最终得到的pt大小是一样的(这里可以看出苹果果然没白给你便宜)。加上iOS11开始引入了safeAreaInsets,如果之前使用了这个属性,我们几乎不需要对项目中的页面做调整,那么最后只剩下一部要做 添加两个尺寸的启动图。

添加启动图

为什么要添加启动图?

当我们在XR的模拟器直接跑之前的老项目(已经适配过iPhoneX),做如下打印,你会发现:

适配iPhoneXS max和iPhoneX R的方法示例

WTF?难道是Xcode10的bug?再试试XS Max我相信你会得到一样的结果。

这里解释下。你是否还记得iPhoneX刚出来的时候跑没有适配过的项目,会导致app打开屏幕上下各有几十像素的黑屏?原因是因为没有假如iPhoneX的启动页!同理我们需要先引入启动页

适配iPhoneXS max和iPhoneX R的方法示例

图片官网地址

这是启动图尺寸,直接照着像素单位切图即可。

需要注意的是,当你的老项目用Xcode10打开后,打开Images.xcassets文件夹,再到LaunchImage文件夹下时,找不到以上两个新机型的占位框,最简单的办法就是右键添加一个新的LaunchImage,然后删除老的LaunchImage,记得新建的文件夹要改名LaunchImage哦。

适配iPhoneXS max和iPhoneX R的方法示例

新建的LaunchImage会出现两个新机型的占位框:

适配iPhoneXS max和iPhoneX R的方法示例

启动页添之后,再做打印,就会的到正确的屏幕尺寸了!

适配iPhoneXS max和iPhoneX R的方法示例

页面适配

由于从iOS11开始引入了safeAreaInsets这个应该是老话题了,所以这里稍微提供下我自己的心得吧。

页面是陪经常要写个中判断,代码中时常需要用到safeAreaInsets或者判断刘海屏等工具,所以我习惯在项目中写一个UIManager的单例,这里面除了提供一些适配需要的属性,还可以写一下tableView适配等。

@interface DDUIManager : NSObject

@property (nonatomic,assign,readonly) UIEdgeInsets safeAreaInset;
/*
 * 是否是刘海屏
 * */
@property (nonatomic,readonly) BOOL isHairHead;

+ (instancetype)sharedManager;

@end
@implementation DDUIManager

- (UIWindow *)keyWindow {
  return [UIApplication sharedApplication].keyWindow;
}

- (UIEdgeInsets)safeAreaInset {
  if (@available(iOS 11.0,*)) {
    if (self.keyWindow) {
      return self.keyWindow.safeAreaInsets;
    }
  }
  return UIEdgeInsetsZero;
}

- (BOOL)isHairHead {
  if (UIInterfaceOrientationIsLandscape([UIApplication sharedApplication].statusBarOrientation)) {
    return self.safeAreaInset.left > 0.0f;
  }else {
    // ios12 非刘海屏状态栏 20.0f
    return self.safeAreaInset.top > 20.0f;
  }
}

@end

这样写除了使用方便以外,还避免了一部分关于系统的条件编译等,因为safeAreaInset是iOS11才出的.而且在e lse中会返回UIEdgeInsetsZero,使得使用时可以省去一些if-else语句,例如:

适配iPhoneXS max和iPhoneX R的方法示例

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


当我们远离最新的 iOS 16 更新版本时,我们听到了困扰 Apple 最新软件的错误和性能问题。
欧版/美版 特别说一下,美版选错了 可能会永久丧失4G,不过只有5%的概率会遇到选择运营商界面且部分必须连接到iTunes才可以激活
一般在接外包的时候, 通常第三方需要安装你的app进行测试(这时候你的app肯定是还没传到app store之前)。
前言为了让更多的人永远记住12月13日,各大厂都在这一天将应用变灰了。那么接下来我们看一下Flutter是如何实现的。Flutter中实现整个App变为灰色在Flutter中实现整个App变为灰色是非常简单的,只需要在最外层的控件上包裹ColorFiltered,用法如下:ColorFiltered(颜色过滤器)看名字就知道是增加颜色滤镜效果的,ColorFiltered( colorFilter:ColorFilter.mode(Colors.grey, BlendMode.
flutter升级/版本切换
(1)在C++11标准时,open函数的文件路径可以传char指针也可以传string指针,而在C++98标准,open函数的文件路径只能传char指针;(2)open函数的第二个参数是打开文件的模式,从函数定义可以看出,如果调用open函数时省略mode模式参数,则默认按照可读可写(ios_base:in | ios_base::out)的方式打开;(3)打开文件时的mode的模式是从内存的角度来定义的,比如:in表示可读,就是从文件读数据往内存读写;out表示可写,就是把内存数据写到文件中;
文章目录方法一:分别将图片和文字置灰UIImage转成灰度图UIColor转成灰度颜色方法二:给App整体添加灰色滤镜参考App页面置灰,本质是将彩色图像转换为灰度图像,本文提供两种方法实现,一种是App整体置灰,一种是单个页面置灰,可结合具体的业务场景使用。方法一:分别将图片和文字置灰一般情况下,App页面的颜色深度是24bit,也就是RGB各8bit;如果算上Alpha通道的话就是32bit,RGBA(或者ARGB)各8bit。灰度图像的颜色深度是8bit,这8bit表示的颜色不是彩色,而是256
领导让调研下黑(灰)白化实现方案,自己调研了两天,根据网上资料,做下记录只是学习过程中的记录,还是写作者牛逼
让学前端不再害怕英语单词(二),通过本文,可以对css,js和es6的单词进行了在逻辑上和联想上的记忆,让初学者更快的上手前端代码
用Python送你一颗跳动的爱心
在uni-app项目中实现人脸识别,既使用uni-app中的live-pusher开启摄像头,创建直播推流。通过快照截取和压缩图片,以base64格式发往后端。
商户APP调用微信提供的SDK调用微信支付模块,商户APP会跳转到微信中完成支付,支付完后跳回到商户APP内,最后展示支付结果。CSDN前端领域优质创作者,资深前端开发工程师,专注前端开发,在CSDN总结工作中遇到的问题或者问题解决方法以及对新技术的分享,欢迎咨询交流,共同学习。),验证通过打开选择支付方式弹窗页面,选择微信支付或者支付宝支付;4.可取消支付,放弃支付会返回会员页面,页面提示支付取消;2.判断支付方式,如果是1,则是微信支付方式。1.判断是否在微信内支付,需要在微信外支付。
Mac命令行修改ipa并重新签名打包
首先在 iOS 设备中打开开发者模式。位于:设置 - 隐私&安全 - 开发者模式(需重启)
一 现象导入MBProgressHUD显示信息时,出现如下异常现象Undefined symbols for architecture x86_64: "_OBJC_CLASS_$_MBProgressHUD", referenced from: objc-class-ref in ViewController.old: symbol(s) not found for architecture x86_64clang: error: linker command failed wit
Profiles >> 加号添加 >> Distribution >> "App Store" >> 选择 2.1 创建的App ID >> 选择绑定 2.3 的发布证书(.cer)>> 输入描述文件名称 >> Generate 生成描述文件 >> Download。Certificates >> 加号添加 >> "App Store and Ad Hoc" >> “Choose File...” >> 选择上一步生成的证书请求文件 >> Continue >> Download。
今天有需求,要实现的功能大致如下:在安卓和ios端实现分享功能可以分享链接,图片,文字,视频,文件,等欢迎大佬多多来给萌新指正,欢迎大家来共同探讨。如果各位看官觉得文章有点点帮助,跪求各位给点个“一键三连”,谢啦~声明:本博文章若非特殊注明皆为原创原文链接。