多分辨率与折叠适配

从手机直屏到折叠展开再到大屏平板，一套代码要活得体面。这篇讲多分辨率与折叠形态的适配工程。

▍形态的变化模型
三类变化：尺寸变化（窗口大小连续变化——自由窗口的拖拽、分屏的调整）；比例反转（横竖切换、折叠的开合——宽高对调）；能力变化（折叠态与展开态的交互模式差异、外接显示的加入）。每类变化系统都有对应回调，适配的核心是把这些回调正确消费。

▍布局的响应式策略
断点式布局（几个关键宽度档，各档一套布局——手机窄档单栏、平板宽档双栏或多栏）；流式重排（控件按可用空间流动——列表的列数自适应）；锚定关键操作（任何形态下核心操作一步可达——形态变了操作路径不能深埋）。移植工程特有课题：桌面应用的固定布局（工具栏、多面板）要重新组织——直接缩放到手机宽度上的桌面布局，字小到没法点，是移植应用最常见的差评源（双模适配标准篇的正面战场）。

▍状态与连续性
形态变化的瞬间状态保持：文档与编辑状态不丢（变化不中断工作流）；滚动位置的映射（宽度变了，内容位置合理映射——不是回到顶部）；焦点与选择恢复。变化过程的过渡（展开的动画期间布局实时跟随还是终点跳变——按应用类型选，编辑类建议终点稳定后一次到位，中间过程防抖）。

▍渲染与坐标的联动
形态变化触发表面重建（生命周期篇）：渲染参数跟随（视口尺寸、密度——坐标换算链的参数更新）；自绘画布的内容适配（画布内容等比适配还是适配视口——按应用语义决定，别无脑拉伸）。

▍测试矩阵
形态格：直屏竖、直屏横、折叠半开、展开大屏、外接显示——每格布局走查加交互验证；变化路径：每对形态间的切换（开合循环、旋转循环的稳定性——连切五十次不崩不花）。自动化配合：每格截图归档对比（矩阵测试篇）。

▍一句话
适配不是让界面活着，是让用户在任何形态下都顺手——顺手的标准写进断点设计，不写进祈祷里。

有疑问欢迎在本板块直接发帖，我们会逐条回复。