如何让一套代码适配所有iOS设备尺寸？

简介：随着移动互联网设备和技术的发展，各种移动设备屏幕尺寸层出不穷，折叠屏、分屏、悬浮窗等等，面对越来越多样的屏幕，如果为每种尺寸单独进行适配，不仅费时费力，还会增加端侧代码的开发与维护压力。如何让一套代码适配所有尺寸变化，增强App的通用能力？阿里巴巴文娱技术 氚雨 将分享优酷APP在iOS响应式布局技术上的实践和落地。

响应式是基于同一套代码，开发一个APP能够兼容多尺寸、多终端设备的显示，能够动态调整页面的布局以及容器的布局，充分利用当前屏幕的尺寸，为用户提供更好的浏览体验，提升APP开发效率和迭代效率。

一 iOS布局尺寸预研

当下，iOS端的主要尺寸类型有五种：iPhone、iPad竖屏、iPad横屏、iPad浮窗、iPad分屏。通常，App是按iPhone尺寸开发的，需要适配剩余的四种iPad尺寸。

iPad横、竖屏比较常见，旋转设备即可，比较特殊的是浮窗和分屏模式。自苹果iPad iOS 9开始，用户在打开一个应用时，从最底部上滑打开Dock，即可拖拽另一个App进入浮窗模式：

在支持分屏的iPad上拖拽到更边缘的地方即可开启分屏模式：

其中浮窗模式所有升级iOS 9的设备都支持，分屏模式只有最新版的硬件设备iPad mini 4、iPad Air 2及iPad Pro支持：

二 优酷iOS响应式方案

响应式布局的核心是设计统一的适配规则，并在屏幕尺寸发生变化时按布局规则重新布局，以适配不同屏幕尺寸，而大多数App在开发时一般只有适配iPhone的版本，在通过响应式适配更多机型时主要要解决三个方面的问题，即如何获取、更新响应式状态以进行对应的适配，如何计算在不同屏幕宽度下App内容的宽度、列数等布局参数，如何进行响应式下的数据处理以解决较难适配的组件、减少页面留白等，基于此我们开发了响应式布局SDK，负责统一管理响应式状态、处理布局逻辑、裁剪映射数据等。

1 响应式App配置

App除了配置为universal版之外，要支持浮窗或分屏模式还需要进行一些配置：

（1）需要提供LaunchScreen.storyboard作为启动图，由于App支持的运行尺寸太多，不再适合用图片作为启动图。

（2）需要在info.plist中配置支持所有屏幕方向：

（3）注意不能勾选Requires full screen配置项或配置UIRequiresFullScreen为YES，如此会声明App要求全屏运行，自然表示不支持浮窗或分屏：

（4）支持分屏要求App的主Window需要使用系统UIWindow，不能继承，并且要通过init方法或initWithFrame:[UIScreen mainScreen].bounds方式初始化。

通过以上步骤开启浮窗、分屏能力后，在App内就无法再通过相关代码控制设备方向，以往通过如下代码可控制ViewController为竖屏，而支持分屏后如下方法系统不再调用，默认所有ViewController支持所有屏幕方向：

如下强制设置屏幕方向的黑方法也已失效：

这种设计的主要原因是，当一个App支持分屏后，就不再单独占用整个屏幕，当另一个App同时运行时，同一块屏幕不可能出现一个横屏、另一个竖屏。此类问题没有完美的解决方案，为了保证用户体验，支持分屏的App必须所有页面适配所有屏幕方向，这也体现了苹果对用户体验的极致追求，参见DeveloperForums中开发人员的讨论：https://developer.apple.com/forums/thread/19578

2 响应式SDK

响应式状态管理

响应式状态提供了当前是否开启响应式、响应式布局尺寸类型、当前布局window尺寸等相关状态量，响应式SDK会在屏幕尺寸变化后更新响应式状态，并通过系统通知和自定义通知机制，通知相关业务方。

// 响应式开启关闭状态
typedefNS_ENUM(NSInteger, YKRLLayoutStyle) {   
    YKRLLayoutStyleNormal =0,        // 响应式状态关闭   
    YKRLLayoutStyleResponsive =1,    // 响应式状态开启}; 
    
// 响应式屏幕尺寸类型，页面可依据此类型区分是否分屏等
typedefNS_ENUM(NSInteger, YKRLLayoutSizeType) {   
    YKRLLayoutSizeTypeS =0,      // eg. phone pad浮窗   
    YKRLLayoutSizeTypeL =1,      // pad   
    YKRLLayoutSizeTypeXL =2,     // 预留
}; 

// 响应式屏幕状态类型（一共有十种类型）
typedefNS_OPTIONS(NSUInteger, YKRLLayoutScreenType) {   
    YKRLLayoutScreenTypeUnknown = (1