大屏 iPhone 的适配
自从苹果出了大屏 iPhone 后,iOS 开发也要做适配了,想必 Android 程序员正在偷着乐呢 , 这里大概总结下这几天了解到的大屏适配的注意事项。
启用高分辨率模式
从 Xcode6 GM 版本开始,模拟器新增了 iPhone6 和 iPhone6 Plus 两种,如果旧的工程直接跑到这两个模拟器中时,默认是"兼容模式",即系统会简单的把内容等比例放大,显示效果有些模糊但尚可接受。此时 App 内部获取到的设备分辨率和 iPhone5 是一样的:320*568 point。
启用高分辨率模式有2个方法(目前我能找到的):
1.添加大屏的 LaunchImage:
在 Images.xcassets 里,新建或更改 LaunchImage 组,添加对应高分辨率的图片。对此,这里有一篇更详细的图文介绍:How to Add a Launch Image for the iPhone 6。如果想要快速测试一下新的效果,这里有3张示例图片下载。
2.添加 Launch Screen File
Launch Screen 是 Xcode6 和 iOS8 新加的功能,它用一个 xib 文件来作为启动画面。App 在旧版 iOS 启动时,该属性会被自动忽略,不会造成异常。
首先,点击 New File ->iOS User Interface ->Launch Screen,然后在工程设置项里启用它:
上面两处设置,只要启用任意一个即可让 App 进入高分辨率模式;但如果两处都没有设置,则 App 会回退到兼容模式。鉴于现在不少 App 还需要兼容 iOS5,而第一种方法在 iOS5 上据说可能有bug,所以这里推荐用第二种方法。
资源的显示
一图胜千言,首先这里是一个完整的图表: http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions。
简单的说:iPhone4、iPhone5、iPhone6 这几个设备的 ppi 都是相同的,默认图片优先是 @2x。iPhone6 Plus 的像素密度更高,默认图片优先是 @3x。
另外,iPhone6 Plus 有一点和其他设备不同:在 App 内部获得的屏幕分辨率是 1242*2208,但设备实际分辨率是 1920*1080,这时系统会把整体的显示内容做一个缩放,downscale 到1/1.15。这个特性在 OSX 上也有出现过:
下面列举一些可能有用的数据:
.entry-content tr th, .entry-content thead th {color: #555;font-weight: bold;padding: 12px 10px;}
iPhone | iPhone4 | iPhone5 | iPhone6 | iPhone6+ | |
---|---|---|---|---|---|
Point | 320*480 | 320*480 | 320*568 | 375*667 | 414*736 |
Pixel | 320*480 | 640*960 | 640*1136 | 750*1334 | 1242*2208 |
Pexel(设备) | ~ | ~ | ~ | ~ | 1920*1080 |
Scale | 1 | 2 | 2 | 2 | 3 |
PPI | 163 | 326 | 326 | 326 | 401 |
建议继续学习:
- 手机产品设计方向 (阅读:6368)
- iPhone下的libcurl with SSL for iOS (阅读:5025)
- 手机界面适配 (阅读:4746)
- IPhone上的邮件推送 (阅读:3236)
- 介绍几款iPhone手机原型设计的工具 (阅读:3202)
- Android与iPhone应用程序界面设计的差异性 (阅读:3166)
- Android设计中的.9.png (阅读:3401)
- 解读iPhone平台的一些优秀设计思路 (阅读:3133)
- iPhone 5/iOS 6前端开发指南 (阅读:3037)
- CSS3 媒介判断与 iPhone 4 视网膜显示屏 (阅读:2746)
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:ibireme 来源: Garan no dou
- 标签: iPhone 适配
- 发布时间:2016-02-11 14:56:27
- [55] IOS安全–浅谈关于IOS加固的几种方法
- [53] Oracle MTS模式下 进程地址与会话信
- [53] 如何拿下简短的域名
- [52] android 开发入门
- [50] 【社会化设计】自我(self)部分――欢迎区
- [49] 图书馆的世界纪录
- [47] Go Reflect 性能
- [45] 读书笔记-壹百度:百度十年千倍的29条法则
- [42] 视觉调整-设计师 vs. 逻辑
- [39] 界面设计速成