折叠屏 App 适配实战：微信 8.0.80 适配 iPhone Duo，开发者要改哪几处

苹果首款折叠屏 iPhone Duo 今日正式发售，搭载 A20 Pro 处理器，国行 15999 元起。伴随硬件开卖，真正的麻烦落到开发者头上：应用要重新适配一种全新的屏幕形态。

微信员工 @客村小蒋 今天发文介绍，最新版微信 8.0.80 已经初步适配 iPhone Duo，后续体验还会继续优化。IT之家也上架了第一个初步适配版本。所谓「初步适配」，大概就是能打开、能用，但细节还没打磨。

折叠屏到底改变了什么

很多人以为适配折叠屏就是「把界面拉宽」，实际远不止。核心变化有四个：

1. 屏幕尺寸在运行时会变。展开和折叠之间，可用宽高比完全不同。应用必须能响应尺寸变化事件，而不是启动时读一次尺寸就固定下来。

2. 状态必须能保住。用户展开屏幕的那一刻，界面要重排，但滚动位置、输入框里没提交的文字、正在播的视频都不能丢。这是最容易翻车的地方。

3. 布局需要断点。手机单列、展开后双列（列表 + 详情），是最常见的做法。断点不能只按宽度写死，还要考虑高度和方向。

4. 交互要重新想。大屏上手指够不到顶部，工具栏该往下挪；分屏时拖拽内容要不要支持；悬停态（半折叠）要不要利用。

动手前先做三件事

第一步，把所有写死的尺寸找出来。固定宽度的卡片、绝对定位的按钮、基于单一屏幕算出来的间距，这些在折叠屏上一定会出问题。可以先用「模拟不同尺寸」的方式跑一遍，看哪里崩。

第二步，把状态管理理顺。哪些是「界面状态」（滚动位置、选中项），哪些是「业务状态」（草稿、播放进度）。前者可以在重排时重建，后者必须持久化。很多应用在这里混着写，一展开就丢数据。

第三步，图片与视频资源按需加载。大屏意味着更大的渲染面积，如果还按手机分辨率拉图，会糊；如果直接拉最高清，内存又扛不住。按实际显示尺寸取图，是基本功。

几个容易忽略的细节

安全区。折叠屏的圆角、铰链区域、摄像头挖孔位置都不一样，内容压到边缘会被裁。用安全区约束，别用固定内边距。

键盘。展开状态下键盘弹出，可视区域变化比手机剧烈得多，输入框被遮挡是高频问题。要监听键盘高度变化，而不是只在弹出时滚一次。

横竖屏切换的动画。尺寸变化时如果重排太生硬，观感会很差。加一个短过渡，比瞬间跳变舒服很多。

多窗口与分屏。折叠屏用户很爱分屏，应用被压缩到半屏时，最小可用宽度要能撑住，不能出现文字竖排、按钮挤成一团。

什么时候该做「深度适配」

初步适配的性价比很高：成本低，能覆盖大部分用户。但如果你的应用属于这几类，就值得做深：

内容消费类（阅读、视频、漫画）——大屏是加分项，双列布局能明显提升体验；

生产力类（笔记、表格、邮件）——双栏几乎是刚需；

游戏——要看具体类型，卡牌、策略类在大屏上优势明显，但要注意视野平衡，别让大屏用户变成「开挂」。

一句话总结

折叠屏适配的本质，不是「支持一个新分辨率」，而是「承认屏幕会在运行中变形」。把这一点想清楚，剩下的都是工程细节。