藏桑网教程:是一个免费提供流行手机教程、在线学习分享的学习平台!

聊聊IPHONE6分辨率与适配_交互设计指南

iPhone 6是苹果公司(Apple)在2014年9月9日推出的一款手机,已于2014年9月19日正式上市。iPhone 6采用4.7英寸屏幕,分辨率为1334*750像素,内置64位构架的苹果A8处理器,性能提升非常明显;同时还搭配全新的M8协处理器,专为健康应用所设计;采用后置800万像素镜头,前置120万像素鞠昀摄影FaceTime HD 高清摄像头;并且加入Touch ID支持指纹识别,首次新增NFC功能;也是一款三网通手机,4G LTE连接速度可达150Mbps,支持多达20个LTE频段。

 聊聊IPHONE6分辨率与适配

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

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

  iPhone5分辨率320×568,像素640×1136,@2x

  iPhone6分辨率375×667,像素750×1334,@2x

  iPhone6 Plus分辨率414×736,像素1242×2208,@3x,(注意,在这个分辨率下渲染后,图像等比降低pixel分辨率至1080p(1080×1920))

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

  自动适配

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

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

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

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

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

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

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

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

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

  关于手动适配

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

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

  关于Xcode6

  模拟器路径被换成了 ~/Library/Developer/CoreSimulator/Devices/

  xcode6中已经找不到iOS6的模拟器了,是时候说服大家放弃iOS7-了

  现在起提交App Store强制需要支持64位,是时候梳理一遍所有依赖的第三方lib,更新到64位

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


这款设计图出自设计师卡萨巴-纳吉(Csaba Nagy)之手,而在他眼中的iPhone6应该朝着透明的方向靠拢。因而,他将该设备打造成了一款极薄、透明,且内置有可互动玻璃外观的“神机”。





相关文章