[iOS开发]iPhoneX系列顶部和底部尺寸图解

iPhoneX屏幕大小.png

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

与其它iOS设备的差异

以下是与iPhone 6、7、8 (375×667pt) 相比。
Status Bar 高度由 20pt 增长为44pt。

status bar.png

底部需要预留 34pt 给 Home Indicator区域(下面有详细说明)

Home Indicator.png

宽度不变，高度多出 145pt，但由于 Status Bar 以及 Home Indicator，实际上可有效利用的高度为
145 – 24 (Status Bar) – 34 (Home Indicator) = 87pt

差异对比.png

键盘高度

键盘高度由 216pt 增长为 291pt，设计文字区域时要小心

键盘高度变化.png

包含 Home Indicator，Tab Bar 高度由 49pt 增长为 83pt。(下面有详细说明)

Home Indicator区域.png

注意横屏时Home Indicator的高度为21pt，需要格外注意

横屏时.png

总结

高度变化	Normal Height	iPhoneX Height
UINavigationBar	64	88
UIStatusBar	20	44
UITabbar	49	83

启动图适配

启动图适配.png

app图标适配

app图片适配.png

[iOS开发]iPhoneX系列顶部和底部尺寸图解相关推荐

iOS开发UINavigation系列四——导航控制器UINavigationController
iOS开发UINavigation系列四--导航控制器UINavigationController 一.引言在前面的博客中,我么你介绍了UINavigationBar,UINavigationIte ...
【IOS开发进阶系列】动画专题
1 CALayer IOS SDK详解之CALayer(一) http://doc.okbase.net/Hello_Hwc/archive/123447.html 1.1 基本概念 1.1.1 CA ...
【IOS开发高级系列】异步绘制专题
1 图片处理 1.1 编辑图片的几个方法第一种先用UIImage对象加载一张图片然后转化成CGImageRef放到CGContext中去编辑第二种用CGImageCreate函数创建CGIm ...
iOS开发学习系列(1)———Swift语言入门
缘起对于成为全栈开发者的目标而言,很好奇自己几年前怎么就没想过iOS开发的事情.iOS好歹也是移动操作系统两巨头之一.反思了下,有可能是因为之前对Object-C太无感导致的.现在趁着Swift,借 ...
iOS开发-iPhoneX的适配-iPhoneX屏幕适配分享
文章感谢 PingWest品玩,奇点开发者@图拉鼎 iOS 11正式发布,原本bate版就很多坑,现在还没解决就正式发布了~内心也是酸爽的.除了代码上的坑,更恶劣的就是新的iPhone咯,看到iPho ...
iOS开发：icon和启动图尺寸(转)
转至:http://www.cnblogs.com/shaoting/p/4941634.html 歪果仁的总结: Asset iPhone 6s Plus and iPhone 6 Plus (@3 ...
ios开发之--所有设备的屏幕尺寸(最新) -设备型号对比- Replaykit录屏分辨率
所有设备型号官网地址:https://www.theiphonewiki.com/wiki/Models iPhone: 机型逻辑分辨率(point) Scale 物理分辨率(pixel) 比例像 ...
iOS开发笔记系列-基础3(多态、动态类型和动态绑定)
多态:相同的名称,不同的类使不同的类共享相同方法名称的能力成为多态.它让你可以开发一组类,这组类中的每一个类都能响应相同的方法名.每个类的定义都封装了响应特定方法所需要的代码,这使得它独立于其他的 ...
iOS开发技巧：设置App icon图标及修改应用程序名
前言这是iOS开发技巧系列博客的第二篇,本篇主要简单介绍一下如何设置应用程序的icon图标以及修改应用程序名. 设置 icon 首先我们来看看如何设置App icon图标,设置应用程序的icon图标 ...