iPhone X参数详解

iPhone X已经发布一周了，各个软件公司的app也在陆陆续续适配iPhone X，虽说我们的app在iPhone X上已经没有太大的问题了，觉得还是要记录一下iPhone X的各种参数，以备不时之需。

1. iPhone的屏幕尺寸是375 x 813 ,所以长宽比是9:19.5。iPhone 6/7/8等4.7和5.5寸的长宽比是9:16。 宽度和4.7寸手机一样，只是高度多了145pts。

注：当屏幕有背景图片的app,以前设计是9:16的图片，在iphone X上会有拉伸或者剪裁的问题。

2. iPhone X分辨率是 1125 x 2436， 其使用的是3X图片

如果适配iPhone X机型，需要设计上面分辨率的启动页

3.屏幕设计必须考虑到传感器外壳（刘海），home指示器(下面的横杠)和圆角。

4. home指示器如果与程序下方button ,输入框重合，最好考虑把button或输入框向上提高34pts,防止和系统手势冲突

---

竖屏

1. iPhone X的状态栏和导航栏一共是88points，不同与其他手机的64points

2. iPhone X如果使用大标题的话，像素是140points，其他手机占用96pts

3. iPhone X toolBar高度是83points ,其他手机是44points

4. iPhone X status bar 高度是 44pts , 其他手机是22pts

---

横屏

1. 工具栏高度是53pts

2. 为了照顾(刘海)，layout margins 是64pts, 其他手机是20pts ,例如tableView在横屏的显示

---

1. 如果app手势需要从底部向上滑动，会与系统手机冲突，可以启动边缘保护功能，在代码中重写这个方法就成preferredScreenEdgesDeferringSystemGestures,功能是这个页面上滑两次才会调用系统手势

2. 如果app中有视频播放，全屏时显示home Indicator会很别扭，这时就可以使用自动隐藏home Indicator功能，重写这个方法func prefersHomeIndicatorAutoHidden() -> Bool，返回true就可以实现

参考文件Designing for iPhone X

知行办公，专业移动办公平台https://zx.naton.cn/
【总监】十二春秋之，3483099@qq.com；
【Master】zelo，616701261@qq.com；
【运营】运维艄公，897221533@qq.com；****
【产品设计】流浪猫，364994559@qq.com；
【体验设计】兜兜，2435632247@qq.com；
【iOS】淘码小工，492395860@qq.com；iMcG33K，imcg33k@gmail.com；
【Android】人猿居士，1059604515@qq.com；思路的顿悟，1217022114@qq.com；
【java】首席工程师MR_W，feixue300@qq.com；
【测试】土镜问道，847071279@qq.com；
【数据】fox009521，42151960@qq.com；