iOS设备

iOS设备的屏幕的大小、分辨率以及比例因数(Scale Factor)[1]。

iPhone

设备 宽(inch) 高(inch) 对角线(inch) 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI
3GS 2.4 4.5 3.5 320X480 @1x 320X480 163
4/4s 2.31 4.5 3.5 320X480 @2x 640X960 326
5c 2.33 4.90 4 320X568 @2x 640X1136 326
5/5s 2.31 4.87 4 320X568 @2x 640X1136 326
6/6s 2.64 5.44 4.7 375X667 @2x 750X1334 326
6+/6s+ 3.06 6.22 5.5 414X736 @3x 1080X1920(1242X2208)* 401

* 在iPhone 6 Plush以及iPhone 6s Plush中,实际分辨率为1080X1920,在开发中,以1242X2208进行适配。

iPad

设备名称 上市日期 屏幕尺寸(inch) Scale Factor 设备分辨率(pixel) PPI
iPad 2010.01 9.7 @1x 1024X768 132
iPad2 2011.03 9.7 @1x 1024X768 132
The new iPad 2012.05 9.7 @2x 2048X1536 264
iPad mini 2012.10 7.9 @1x 1024X768 163
iPad 4 2012.12 9.7 @2x 2048X1536 264
iPad Air 2013.10 9.7 @2x 2048X1536 264
iPad mini 2 2013.10 7.9 @2x 2048X1536 326
iPad Air2 2014.10 9.7 @2x 2048X1536 264
iPad mini 3 2014.10 7.9 @2x 2048X1536 326
iPad mini 4 2015.09 7.9 @2x 2048X1536 326
iPad Pro 2015.11 12.9 @3x 2732X2048 264

在Xcassets中,图片名称不再重要,只需要将相应的图片放置至对应的位置即可。以下命名只作参考。

Icon

iOS应用图标的命名及分辨率大小和用途[2]。

名称 分辨率(pixel) 用途
iTunesArtwork 512X512 iTunes商店应用列表的图标
iTunesArtwork@2x 1024X1024 视网膜屏幕设备的iTunes商店应用列表的图标
Icon-60@2x 120X120 视网膜屏幕的iPhone或iPod Touch的桌面图标
Icon-60@3x 180X180 iPhone 6 Plus的桌面图标
Icon-76 76X76 iPad的桌面图标
Icon-76@2x 152X152 视网膜屏幕的iPad的桌面图标
Icon-Small-40 40X40 搜索结果列表的图标
Icon-Small-40@2x 80X80 视网膜屏幕设备的搜索结果列表的图标
Icon-Small-40@3x 120X120 iPhone 6 Plus的搜索结果列表的图标
Icon-Small 29X29 设置中的图标
Icon-Small@2x 58X58 视网膜屏幕设备的设置中的图标
Icon-Small@3x 87X87 iPhone 6 Plus的设置中的图标
iOS 6.1及之前*    
Icon 57X57 iOS 6.1及之前的iPhone和iPod Touch的桌面图标
Icon@2x 114X114 iOS 6.1及之前的视网膜屏幕的iPhone和iPod Touch的桌面图标
Icon-72 72X72 iOS 6.1及之前的iPad的桌面图标
Icon-72@2x 144X144 iOS 6.1及之前的视网膜屏幕的iPad的桌面图标
Icon-Small 29X29 iOS 6.1及之前的iPhone和iPod Touch的搜索结果列表和设置中的图标
Icon-Small@2x 58X58 iOS 6.1及之前的视网膜屏幕的iPhone和iPod Touch的搜索结果列表和设置中的图标
Icon-Small-50 50X50 iOS 6.1及之前的iPad的搜索结果列表的图标
Icon-Small-50@2x 100X100 iOS 6.1及之前的视网膜屏幕的iPad的搜索结果列表的图标

* iOS 6.1及以前的设备已经很少了,所以可以选择适配。

LaunchImage

iOS应用的启动页分辨率及用途。

iPhone

名称 分辨率(pixel) 用途
竖屏(Portrait)    
Default 320X480 用于iPhone 3GS
Default@2x 640X960 用于iPhone 4/4s
Default-568h@2x 640X1136 用于iPhone 5/5c/5s
Default-Retina@2x 640X1136 用于iPhone 5/5c/5s
Default-667h@2x 750X1334 用于iPhone 6/6s
Default-736h@3x 1242X2208 用于iPhone 6 Plush/6s Plush
横屏(Landscape)    
Default-736h-Landscape@3x 2208X1242 用于iPhone 6 Plush/6s Plush横屏启动

iPad

名称 分辨率(pixel) 备注
Default-Landscape~iPad 1024X768 横屏
Default-Portrait~iPad 768X1024 竖屏
Default-Landscape~iPad@2x 2048X1536 横屏
Default-Portrait~iPad@2x 1536X2048 竖屏
To-Status-Bar*    
Default-Landscape-StatusBar~iPad 1024X748 横屏
Default-Portrait-StatusBar~iPad 768X1004 竖屏
Default-Landscape-StatusBar~iPad@2x 2048X1496 横屏
Default-Portrait-StatusBar~iPad@2x 1536X2008 竖屏

* to-Status-bar:个人理解为不包含状态栏。

其他相关大小

控件(Element) 大小(Size)(points) 备注
Window (including status bar) 320 x 480 pts 窗口(包含状态栏)
Status Bar 20 pts 状态栏
View inside window(visible status bar) 320 x 460 窗口内的视图,不包含状态栏
Navigation Bar 44 pts 导航栏高度
Nav Bar Image / Toolbar Image up to 20 x 20 pts (transparent PNG) 导航栏图标大小,拉伸或压缩至20X20,建议使用透明的PNG图片
Tab Bar 49 pts 标签栏
Tab Bar Icon up to 30 x 30 pts (transparent PNGs) 标签栏图标,拉伸或压缩至30X30,建议使用透明PNG图片
Text Field 31 pts 文本框高度,不可调
Height of a view inside a navigation bar 416 pts 有导航栏存在的视图高度
Height of a view inside a tab bar 411 pts 有标签栏存在的视图高度
Height of a view inside a navbar and a tab bar 367 pts 导航栏、标签栏同时存在的视图高度
Portrait Keyboard height 216 pts 竖屏键盘高度
Landscape Keyboard height 140 pts 横屏键盘高度

此表中大小以单倍比例因数为准。

最新文章

  1. 如果正确读取SQL Server中的扩展事件?
  2. js限制input输入
  3. TYVJ1460 旅行
  4. Cisco IOS Debug Command Reference I through L
  5. windbg 调试技巧
  6. String、StringBuffer、StringBuilder之间区别
  7. Linux多线程实践(6) --Posix读写锁解决读者写者问题
  8. mysql 获取昨天日期、今天日期、明天日期以及前一个小时和后一个小时的时间
  9. 隐藏Nginx或Apache以及PHP的版本号的方法
  10. springboot第一个项目【mybatis】
  11. 函数使用五:MIR7 发票预制 BAPI_INCOMINGINVOICE_PARK
  12. 识别图片验证码的三种方式(scrapy模拟登陆豆瓣网)
  13. CentOS安装OpenResty(Nginx+Lua)开发环境
  14. GDB调试qemu源码纪录
  15. Magic Trackpad 2 on win10 x64
  16. hdu 4549 M斐波那契数列 矩阵快速幂+欧拉定理
  17. 使用sql语句备份一张表
  18. 深入理解JVM与GC回收
  19. 20145331 《Java程序设计》第7周学习总结
  20. injection for Xcode10使用方法

热门文章

  1. 线程中Join的使用例子
  2. Stand-up meeting
  3. Spring实例化bean的三种方法
  4. 网上下载的 java开源项目 如何 打jar包
  5. Android 开发60条技术经验总结(转)
  6. 常用对象API、附加:集合补充
  7. Java集合类详解
  8. BA - 读书雷达10本必读书
  9. Tomcat优化参数
  10. [Javascript + rxjs] Using the map method with Observable