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

 更新时间:2018年10月01日 12:06:14   作者:zolobdz  
这篇文章主要介绍了适配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版本,也可以使用模拟器对新机进行适配,所以赶紧开始吧!

三款手机的屏幕大小

图片官网地址

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

图片官网地址

最后得到:

iPhone XS 375812pt*

iPhone XR 414896pt*

iPhone X 414896pt*

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

添加启动图

为什么要添加启动图?

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


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

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

图片官网地址

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

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


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

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


页面适配

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

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

@interface DDUIManager : NSObject

@property (nonatomic, assign, readonly) UIEdgeInsets safeAreaInset;
/*
 * 是否是刘海屏
 * */
@property (nonatomic, assign, 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语句,例如:

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

相关文章

  • Objective-C实现身份证验证的方法示例

    Objective-C实现身份证验证的方法示例

    这篇文章主要给大家分享了Objective-C实现身份证验证的方法,文中给出了详细的示例代码,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
    2017-03-03
  • iOS的CoreAnimation开发框架中的Layer层动画制作解析

    iOS的CoreAnimation开发框架中的Layer层动画制作解析

    在iOS中UIView层的属性会映射到CoreAnimation框架的CALayer,这里我们来看一下iOS的CoreAnimation开发框架中的Layer层动画制作解析,需要的朋友可以参考下
    2016-07-07
  • iOS开发商品页中banner中点击查看图片

    iOS开发商品页中banner中点击查看图片

    本文文章给大家列出了关于iOS开发商品页中banner中点击查看图片功能源码,有兴趣的朋友参考下吧。
    2018-02-02
  • IOS登录页面动画、转场动画开发详解

    IOS登录页面动画、转场动画开发详解

    本篇文章通过详细的步骤给大家详细讲述了IOS登录页面动画、转场动画开发的详细教程,有兴趣的朋友参考学习下。
    2018-01-01
  • iOS开发中实现显示gif图片的方法

    iOS开发中实现显示gif图片的方法

    这篇文章主要介绍了iOS开发中实现显示gif图片的方法,代码基于传统的Objective-C,需要的朋友可以参考下
    2015-09-09
  • iOS 获取当前的ViewController的方法

    iOS 获取当前的ViewController的方法

    本篇文章主要介绍了iOS 获取当前的ViewController的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • iOS中UILabel实现长按复制功能实例代码

    iOS中UILabel实现长按复制功能实例代码

    在iOS开发过程中,有时候会用到UILabel展示的内容,那么就设计到点击UILabel复制它上面展示的内容的功能,也就是Label长按复制功能,下面这篇文章主要给大家介绍了关于在iOS中UILabel实现长按复制功能的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-10-10
  • 解决ios h5 input输入框被输入法弹出一块区域的问题

    解决ios h5 input输入框被输入法弹出一块区域的问题

    今天小编就为大家分享一篇解决ios h5 input输入框被输入法弹出一块区域的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • iOS开发中指纹识别简单介绍

    iOS开发中指纹识别简单介绍

    指纹识别是在iOS8.0以后才推出的,所以我们如果想把指纹集成到我们的APP当中,我们首先就要在代码中判断iOS版本。接下来通过本文给大家分享iOS开发中指纹识别简单介绍,需要的朋友参考下吧
    2017-11-11
  • iOS App的设计模式开发中对State状态模式的运用

    iOS App的设计模式开发中对State状态模式的运用

    这篇文章主要介绍了iOS App的设计模式开发中对State状态模式的运用,示例代码为传统的Objective-C,需要的朋友可以参考下
    2016-03-03

最新评论