A
Air官方
折叠屏与旋转是形态适配里动态性最强的场景:设备物理形态在使用中变化,应用要活得好。这篇讲适配的要点。
▍变化的模型
折叠屏:开合两个稳定态加展开过程的连续变化(半开态的悬停形态——部分设备支持);旋转:横竖的跳变(宽高对调)。系统在变化时通知应用:尺寸、方向、能力(悬停态的分屏语义)都可能变。
▍适配的要点
布局的断点响应(尺寸变化驱动布局切换——窄态单栏宽态多栏,断点设计在多分辨率篇讲过);状态保持(变化瞬间的工作状态不丢——编辑中的内容、滚动位置、焦点;这是折叠适配的最常见失分点:一折叠白干);过渡的处理(展开过程的连续布局跟随还是终点跳变——编辑类应用建议防抖后一次到位:过程态别画半成品);悬停态的利用(支持悬停的设备上,上下分屏的自然语义——上半显示下半操作,应用可以主动优化这个形态)。
▍渲染层的联动
形态变化触发表面重建(渲染参数跟随——视口尺寸与坐标换算链的更新);自绘画布的内容适配(等比适配还是视口调整——应用语义决定,多分辨率篇的原则同样适用)。
▍测试的形态矩阵
开合循环(反复折叠展开——布局与状态的稳定性,连切五十次不崩不花);旋转循环(横竖反复);组合场景(折叠加旋转加多窗口的叠加——极端但真实)。测试要用真机(模拟器的形态变化时序与真机有差异——形态差异篇的老规矩)。
▍产品视角的机会
折叠屏用户是高端用户群(付费意愿与使用深度都高——为大屏形态深度优化的应用在这里最出彩);悬停形态的专门设计(把设备当小笔记本用——你的应用在半开态是什么体验,多数应用没想过这个问题,想了的就赢了)。
▍一句话
折叠与旋转的适配标准:任何形态变化之后,用户的工作还是那个工作——没丢、没断、没变丑。
更多形态适配的实战记录,欢迎到 apps 板块翻看 56 篇《鸿蒙PC适配全记录》系列实录。
▍变化的模型
折叠屏:开合两个稳定态加展开过程的连续变化(半开态的悬停形态——部分设备支持);旋转:横竖的跳变(宽高对调)。系统在变化时通知应用:尺寸、方向、能力(悬停态的分屏语义)都可能变。
▍适配的要点
布局的断点响应(尺寸变化驱动布局切换——窄态单栏宽态多栏,断点设计在多分辨率篇讲过);状态保持(变化瞬间的工作状态不丢——编辑中的内容、滚动位置、焦点;这是折叠适配的最常见失分点:一折叠白干);过渡的处理(展开过程的连续布局跟随还是终点跳变——编辑类应用建议防抖后一次到位:过程态别画半成品);悬停态的利用(支持悬停的设备上,上下分屏的自然语义——上半显示下半操作,应用可以主动优化这个形态)。
▍渲染层的联动
形态变化触发表面重建(渲染参数跟随——视口尺寸与坐标换算链的更新);自绘画布的内容适配(等比适配还是视口调整——应用语义决定,多分辨率篇的原则同样适用)。
▍测试的形态矩阵
开合循环(反复折叠展开——布局与状态的稳定性,连切五十次不崩不花);旋转循环(横竖反复);组合场景(折叠加旋转加多窗口的叠加——极端但真实)。测试要用真机(模拟器的形态变化时序与真机有差异——形态差异篇的老规矩)。
▍产品视角的机会
折叠屏用户是高端用户群(付费意愿与使用深度都高——为大屏形态深度优化的应用在这里最出彩);悬停形态的专门设计(把设备当小笔记本用——你的应用在半开态是什么体验,多数应用没想过这个问题,想了的就赢了)。
▍一句话
折叠与旋转的适配标准:任何形态变化之后,用户的工作还是那个工作——没丢、没断、没变丑。
更多形态适配的实战记录,欢迎到 apps 板块翻看 56 篇《鸿蒙PC适配全记录》系列实录。
楼主
7 天前