折叠屏丨华为专家深度解读折叠屏连续性和拖拽适配介绍

软件绿色联盟

发布于 2022-03-31 15:39:23

1K0

发布于 2022-03-31 15:39:23

折叠屏手机的出现，满足了用户对大屏幕的追求，但卓越的用户体验更离不开应用的适配与功能创新。距离Mate X面世已经一年的时间，应用适配情况如何？在适配过程中有哪些经验可以参考？有没有常见问题可以规避？

7月30日，由软件绿色联盟联合华为举办的零基础高效适配折叠屏在线沙龙中，来自华为的折叠屏项目经理闫鸿飞在《折叠屏连续性和拖拽适配介绍》议题中就上述问题进行了讲解，并结合典型案例分享了折叠屏连续性和拖拽的开发与调试，帮助开发者高效适配折叠屏。

根据国内TOP1000主流应用折叠屏测试报告数据显示，当前折叠屏应用适配率为90%，整体表现优异，为后续应用功能创新打下了坚实的基础。

折叠屏连续性适配基础要求

折叠屏连续性要求应用在屏幕折叠态、展开态以及切换过程中，保证业务的连续性和UI显示正常。当前连续性适配主要有如下两种方式，开发者可根据实际业务需要灵活选择。

1）页面不重启，动态调整布局：

这种方式适用于需要调整的显示内容较少的场景，通过在onConfigurationChanged方法中通过代码动态调整UI来适配；重新初始化View，将View和数据重新绑定。

2）页面重启，重启前保存页面和用户数据的方式：

该方式适用于UI复杂，需要动态调整的地方多的场景，建议针对大屏单独写一套layout资源放在（layout-sw600dp）目录下面。在销毁activity之前，通过onSaveInstancesState()存储状态，在onCreate()或者是onRestoreInstanceState()进行状态的恢复。

连续性适配DEMO

1.1 连续性适配典型案例

问题1：折叠展开重启、闪退

用户在折叠态和展开态切换时，遇到较多的问题之一是应用重启，这大多是由于应用重启之前没有在Activity的onSaveInstanceState()方法中保存状态数据而导致的。这种情况建议开发者重写onConfigurationChanged() 方法，动态调整页面布局，自适应屏幕变化。

如果应用在生命周期任意函数中调用finish()或其他终止进程方法，就会导致出现闪退的问题，这时就需要进行状态的保存和恢复，主要有下面两种形式：

通过onSaveInstancesState()和 onRestoreInstanceState()进行状态的保存和恢复。
避免在调用finish()或其他自行终止进程，否则会导致应用程序在设备折叠或展开时出现关闭、闪退等问题。

问题2：折叠展开页面跳转

在应用适配过程中，遇到过折叠、展开时页面消失，显示了应用主页面或其他页面的情况。经过分析发现这是由于应用在重启过程中触发了页面保护机制造成的。如果开发者遇到类似情况，需要识别折叠展开的重启流程和应用异常。

问题3：折叠展开或者分屏后显示异常

当应用设置了页面不重启，但是在onConfigurationChanged方法中没有动态调整布局时，会导致折叠展开或者分屏后显示异常，这时应用的窗口宽度发生变化。这主要是由于应用的一些控件的宽度是和应用窗口宽度动态计算出来的，可以通过onConfigurationChanged将这部分逻辑代码重新执行一遍来解决问题。

由于屏幕尺寸千差万别，显示适配工作比较困难，因此华为推出了栅格化设计系统。栅格化系统是一套能够适配不同屏幕尺寸和屏幕朝向的响应式布局的基础设计机制，它可以确保跨设备的一致性。栅格化系统具备多种优势，满足应用在多尺寸设备、多场景布局的需求。

• 给布局提供一种可循的规律，解决多尺寸多设备的动态布局问题；

• 给系统提供一种统一的定位标注，保证各模块各设备的布局一致性；

• 给应用提供一种灵活的间距调整方法，满足特殊场景布局调整的可能性。