适配iPhoneX和Xcode9

一、iPhone X的适配
1、iPhone X, 5.8 英寸,屏幕分辨率为 1242 x 2800

除去底部固定的功能区,屏幕显示范围的尺寸为 5.15 英寸,458ppi。

竖屏尺寸:1125px × 2436px(375pt × 812pt @3x)

横屏尺寸:2436px × 1125px(812pt × 375pt @3x)

iPhone 7 设备渲染后分辨率为 750 x 1334,逻辑分辨率只有 375 x 667。

iPhone X 设备渲染后分辨率为 1125 x 2436,逻辑分辨率是为 375 x 812。

所以 除去下巴的功能区,iPhone X与 4.7 寸的7同宽,但是高度多了一截。145pt,导致多出了大约 20%的垂直高度。

2、iPhone X机型判断
  • 可以拿分辨率来判断。
#define iPhoneX ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(1125,2436), [[UIScreen mainScreen] currentMode].size) : NO)

或者:

#define IS_IPHONEX (([[UIScreen mainScreen] bounds].size.height-812)?NO:YES)
  • Devive Model
    if ([platform isEqualToString:@"iPhone10,1"]) return @"iPhone 8";
    if ([platform isEqualToString:@"iPhone10,4"]) return @"iPhone 8";
    if ([platform isEqualToString:@"iPhone10,2"]) return @"iPhone 8 Plus";
    if ([platform isEqualToString:@"iPhone10,5"]) return @"iPhone 8 Plus";
    if ([platform isEqualToString:@"iPhone10,3"]) return @"iPhone X";
    if ([platform isEqualToString:@"iPhone10,6"]) return @"iPhone X";
3、如果发现有的属性没有了,可以用runtime判断一下再使用
  • 引入库
    include <objc/runtime.h>
  • 以系统对象为例,正常情况下我们无法查看系统对象的私有属性,如下方法可以得到其全部属性。
    以相册的PHAsset为例:
for (PHAsset *asset inself.assetsFetchResults) {
    unsigned int count;
    // 获取属性列表
    objc_property_t *propertyList = class_copyPropertyList([asset class], &count);
    for (unsigned int i = 0; i<count; i++) {
        const char *propertyName = property_getName(propertyList[i]);
        NSLog(@"property----="">%@", [NSString stringWithUTF8String:propertyName]);
    }   
}
4、导航栏和tabbar

iPhone X 的状态栏高度为 44 pt ,以前的手机为20 pt。经过我的测试,X 的 tabbar 以前为 49 pt,现在是 83,故高出了 34 pt。

5、Safe Area

在没有状态栏和tabbar的 iPhone 8 里,Safe Area 是指整个屏幕。加入状态栏后,Safe Area 便向下减少了 20 个点。当加入 Navigation 的时候,Safe Area 又减少了 44 个点。再加入 Tabbar 的时候,Safe Area 又减少了49 pt。

在 iPhone X 里,当我们没有使用状态栏时,Safe Area 依然和上下边有一定的距离。按照我的测量,此时距离底部应该是 43 个点,距离顶部应该是 44 个点。同理,加入不同 Bar 之后,iPhone X 的 Safe Area 都会有相应的变化。

6、如何使用Safe Area

(1)、在xib中选中 Use Safe Area LayOUT Guides 就可以了。

(2)、代码:

if #available(iOS 11, *) {
let guide = view.safeAreaLayoutGuide
NSLayoutConstraint.activate([
greenView.topAnchor.constraintEqualToSystemSpacingBelow(guide.topAnchor, multiplier: 1.0),
guide.bottomAnchor.constraintEqualToSystemSpacingBelow(greenView.bottomAnchor, multiplier: 1.0)])
}
4、TabBar高度拉伸、压缩的问题

如果是那种自定义TabBar中间是按钮的这种操作,我试了一下,之前中间按钮的高度设置的是TabBar的高度( CGFloat buttonH = self.frame.size.height;),现在直接赋值,也可以解决这种问题 。CGFloat buttonH = 49;

二、iPhone X的底部
根据苹果设计规范一般内容不应该覆盖home键的地方。

如图:

但是如果展示的是TableView、CollectionView等滚动查看内容的控件,应该让这些控件填满屏幕,也就是 要覆盖下面的home键。如图(以设置中的Safari设置为例):

内容的底部

有的app因为没有设置iPhone X的闪图,或者没用storyboard做闪图,会导致app打开后顶部和底部 有很大的黑色空白,这样是不对的。如图:

三、Xcode9
1、app不能全屏,上下各自有黑色空白

解决办法:

直接用LaunchScreen.xib或者LaunchScreen.storyboard进行配置启动图,这样app就能全屏了。

2、command键 点击鼠标后默认弹出的是选择列表

如果想command键复原。可在Preferences --> Navigation -->Commadn-click 中选择Jumps to Defintion即可。

3、Xcode 9 打包时

记得在icon的添加1024*1024的图标

4、无线联调

鸡肋的无线调试功能(iPhone的电池...)可在Window -->Devices and Simulators中勾选那两个选项。前提是此设备已run过并处于同一局域网下。

5、Asset新建颜色

在Asset中,可以创建颜色了。右键选择New Color set,填充RGBA值或十六进制值即可。使用中直接使用新的colorwithname,参数填入创建时的名字即可。不过记得区分系统版本。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,951评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,606评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,601评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,478评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,565评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,587评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,590评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,337评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,785评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,096评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,273评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,935评论 5 339
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,578评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,199评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,440评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,163评论 2 366
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,133评论 2 352

推荐阅读更多精彩内容