iPhone6适配指南

from:http://www.cnblogs.com/baiyou/p/3968680.html

iOS版本升级适配一直是每年这个时候的一个话题，今年iPhone6以及iPhone6 Plus推出后，iOS的开发者终于也开始了苦逼的适配之路。本文我会从手淘以及天猫客户端现有需要做的一些方案着手，描述未来需要适配的一些方案。

iPhone6适配主要从以下几个方面进行：
1.客户端UI
2.iOS8系统适配
3.UED的设计规范
4.测试增加回归

1.客户端UI适配
首先来看看iPhone6以及iPhone6 Plus的分辨率以及iOS 8中的UIScreen的宽高。
iPhone 6 分辨率 750x1334 UIScreen的bounds （0，0，375，667）
iPhone 6 Plus 分辨率 1242x2208 UIScreen的bounds （0，0，414，736）
也就是说，从现在开始创建一个新的iOS 8的全新工程，你会发现UIScreen的宽度再也不是我们写死的320了，可能是375，也可能是414。看到这里你会突然想到，9月份iPhone6 开卖后我们的App是不是死翘翘了，这里告诉你一个好消息就是NO！~你可以暂时不做任何适配，针对旧工程，debug时会发现UIScreen的 bounds依然是（0，0，320，568）iOS8系统会默认对旧工程做一个缩放的动作，以保证就工程依然可用。在双十一的紧要关头，我们可以暂时选择重要版本不进行整体适配。（可以参考去年在双十一之后做的iOS7完美适配，双十一之前只是我一个人fix了部分iOS7兼容问题，实际的UI适配并没有做。）索性缩放带来的效果并不会很差，目前个人觉得还是可以接受的。但长期来讲，手淘必须做这样的适配，那么开始适配前我们需要把旧工程变成新工程，如图所示：

大家注意，可能你建的LaunchImage没有相关的字段，比如没有上面的HD 5.5等，你可以选择新建一个LaunchImage，就会自动产生这些字段了（实际是images.xcassets配对的json描述）产生这些字段后不要忘记同步要放入满足分辨率的图片，记住一定是满足分辨率的图片，不要偷懒复制一个图放上去，分辨率不达标的话 UIScreen的bounds依然没有变化。这一步完了以后就可以看到你的app在iPhone6上的表现了。目前看来，UI的适配由于宽度没有重大的变化，所以主要是两种情况下的处理，一种是需要右对齐的情况，如下图所示，该情况大量存在：

解决方案也较为简单，只需要不写死320即可，但是有一些场景下，其实写的不是320，而是290等数据，这个时候要理解成320-30然后改成 ScreenWidth-30就可以解决这些问题。另外一种就是一些字段需要居中，或者需要间距统一拉大，这种就要改变编写代码的一些方式了。如下图：

重点看订单相关的5个icon，需要等距处理，不过可以看出来主要是因为主table的宽度太窄引起的，改掉后就会自动好转。以上由每个模块的负责人完成监督，视觉走查，就可以完成。

2.iOS8系统适配
iOS8跟iOS7目前没有什么特别不兼容的地方，因此手淘可以直接run起来，由于最近做手淘天猫架构一体化，因此也针对天猫的代码进行了尝试，编译的结果报错主要来自sdwebimage和pstcollectionview这两个开源库，主要原因是因为这两个库中有一些语法在iOS8中不兼容，（sdwebimage用了一个声明了getter的property，但是没有synthesize，于是就悲剧了，另外 pstcollectionview中有部分声明ifdefine等判断后面加了import头文件的语法iOS8是不允许的，因此要把这部分移到最顶上。这些大家一试就知道怎么改了，不赘述）建议大家关注这俩库的最近版本的更新，如果没有，你自己去github提交下让人家改掉咯~。

3.UED设计规范
以前UED的设计方案是通过640x1136进行设计的，但是现在可能必须是以1242x2208来设计了，且需要以该种方式切图（@3x）设计中还需要考虑一点，就是要标注出哪些间距是右对齐的，哪些长度是可以拉伸和收缩的，以便于后续适配。当然我不是UED，只是从开发的角度来看这件事情。

4.测试回归
毫无疑问，现在iOS的测试同学们也要有一个适配小组专门做机型的适配了，@雪薇姐姐看来要更忙了。

之前我做适配的前期调研，由于resizeable iPhone的模拟器有bug，一直无法折腾出来，做的非常的浅，之前也一度非常害怕宽屏的宽度宽到设计都要做很大的改变，目前看来，这个担心是杞人忧天的。
综上所述，完成这几部既可以完成iPhone6的适配工作，基于手淘现有的bundle众多的情况，必须分而治之的方式进行工作，其实只要把适配这部分纳入验收准则中，我们可以在10月版本内就将这件事情迅速做掉。毕竟，完美适配iPhone6是体现我们的专业程度和快速反应能力的时候。

iPhone6适配指南相关推荐

移动端适配指南！聊聊安卓折叠屏给交互设计和开发带来的变化
移动端的时代前端同学面临着各种适配的处理.刘海机的出现,前端需要考虑刘海机适配.如今,随着折叠屏手机的面世,前端同学接着又要处理折叠屏幕的适配.本文除了介绍折叠机给我们带来的变化之外,还提出了响应式设 ...
Android P 适配指南
Android P 适配指南原创: 王超刘望舒 1周前作者:王超1478507995000 https://juejin.im/post/5b8959f96fb9a019fe685eb3 本文由 ...
Android P(3)---Android P版本刘海屏适配指南
Android P版本刘海屏适配指南 Android P预览版增加了很多亮点新特性,其中最接地气.最直观的改变当属适配了类似于华为P20的顶部凹槽屏幕设计这一项,俗称刘海屏. 在开发者模式中,Andr ...
Android系统---- 全面屏（18：9屏幕）适配指南
7535 Android手机全面屏(18:9屏幕)适配指南从小米MIX 1发布以来,越来越多所谓"全面屏"手机发布,如三星S8,小米MIX2,VIVO X20,Goog ...
RK系列开发板音频驱动适配指南(二)
背景: 上一篇文章RK系列开发板音频驱动适配指南-DAI模块适配中已经阐述音频驱动适配的DAI模块适配步骤以及核心代码的展示,本次主要介绍音频驱动适配中的DMA模块适配. RK系列开发板 DMA模块适 ...
微信iOS WKWebview 网页开发适配指南
微信2017.1.6日推送一条消息: 微信iOS客户端将于2017年3月1日前逐步升级为WKWebview内核,需要网页开发者提前做好网站的兼容检查和适配. 背景 WKWebView 是苹果在iOS ...
Android12 新特性及适配指南
Android 12(API 31)于2021年10月4日正式发布,正式版源代码也于当日被推送到AOSP Android开源项目.截止到笔者撰写这篇文章时,国内各终端厂商的在售Android设备,已经 ...
【Web技术】935- 深色模式适配指南
???? 这是第 65 篇不掺水的原创,想要了解更多,请戳上方蓝色字体:政采云前端团队关注我们吧- 本文首发于政采云前端团队博客:深色模式适配指南 https://www.zoo.team/art ...
Android 11 适配指南
Android 适配指南 Android 11适配指南 Scoped Storage(分区存储) 诞生的缘由文件访问详细权限改变定位权限软件包可见性前台服务类型读取手机号自定义Toas ...

iPhone6适配指南

iPhone6适配指南相关推荐

最新文章

热门文章