脱水技术文!聊聊iPhone6分辨率与适配

苹果春晚刚结束,就有同学针对iPhone6 给出了分辨率适配的方法,纯脱水技术文,赶紧来学习一下!

开篇先送个宝贝:是不是被各种分辨率搞晕了? 看看这个,一张大图标全面解析6 6plus分辨率http://www.paintcodeapp.com/news/iphone-6-screens-demystified

经新xcode6模拟器验证(分辨率为pt,像素为真实pixel):

  1. iPhone5分辨率320x568,像素640x1136,@2x
  2. iPhone6分辨率375x667,像素750x1334,@2x
  3. iPhone6 Plus分辨率414x736,像素1242x2208,@3x,(注意,在这个分辨率下渲染后,图像等比降低pixel分辨率至1080p(1080x1920))

脱水技术文!聊聊iPhone6分辨率与适配

强烈推荐《IPHONE 6来了!如何改进工作流让设计稿支持多个尺寸?》

脱水技术文!聊聊iPhone6分辨率与适配

自动适配

不处理时自动等比拉伸,如果在老工程打印屏幕frame,依然是320x568

对比自动适配的和完美适配的导航栏就能看出问题:

脱水技术文!聊聊iPhone6分辨率与适配

因为拉伸所以会有一些虚,导航栏明显比64要大,但相比3.5寸到4寸的留黑边还是好很多。

如何关闭自动适配方案呢?这个还是老思路,换启动图:

脱水技术文!聊聊iPhone6分辨率与适配

除了换启动图外,不得不说的是,新Xcode中可以使用一个xib来设置启动图:

脱水技术文!聊聊iPhone6分辨率与适配

不过这个xib不能关联任何的代码(不能自定义View的Class,不能IBOutlet,不能加Object),可以理解成这个xib就是一张截图,这个方案的好处在于可以使用到Size Classes来针对不同屏幕布局这个xib(感兴趣可以看《Size Classes初探》

关于手动适配

只要手动指定了启动图或者那个xib,屏幕分辨率就已经变成应有的大小了,老代码中所有关于写死frame值的代码通通倒霉,如果去手动适配就要全部适配,建议在找到个可行方案前先不要做修改,自动适配方案还算不影响使用。

面对4个分辨率的iPhone,建议使用Auto Layout布局 + Image Assets管理各个分辨率的图片 + Interface Builder(xib+storyboard)构建UI,Size Classes在低版本iOS系统的表现未知。想要这套手动适配方案,起码你的工程需要部署在iOS6+,还不用AutoLayout布局的会死的蛮惨。

关于Xcode6

  1. 模拟器路径被换成了 ~/Library/Developer/CoreSimulator/Devices/
  2. xcode6中已经找不到iOS6的模拟器了,是时候说服大家放弃iOS7-了
  3. 现在起提交App Store强制需要支持64位,是时候梳理一遍所有依赖的第三方lib,更新到64位

One more thing…按这名命的规律…

通俗易懂的技术文推荐!

成为专业设计师必学的13条高阶技巧!
《专业之路:13条PS高阶技巧》

魅族工程师给小白科普48 dp定律!
《小白科普:UI设计中的48dp定律》

超难的曲线居然能讲得这么简单有趣!
《后期之王!教你轻松掌握PS曲线工具(附大神实操曲线图)》

原文地址:blog.sunnyxx
uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量77万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

脱水技术文!聊聊iPhone6分辨率与适配

收藏 1
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。