HarmonyOS 中屏幕适配有什么好的方案？

Question

HarmonyOS 中屏幕适配有什么好的方案？

Answer 1

在鸿蒙（HarmonyOS）中，实现屏幕适配的方案主要包括以下几个方面：

1.悬浮窗适配：

• 宽高比：在悬浮窗模式下，应用窗口的真实宽度为屏幕宽度。竖向时，高度根据宽高比动态调整；横向时，高度根据宽高比动态调整。例如，手机竖向悬浮窗宽高比为3:4.575，横向悬浮窗宽高比为16:9。
• 窗口尺寸监听：通过on('windowSizeChange')方法监听窗口尺寸变化，并更新应用布局。可以将窗口尺寸变化的监听写入AppStorage中供UI侧布局使用。
• @StorageLink装饰器：UI侧通过@StorageLink绑定窗口尺寸后，AppStorage中属性key值对应的数据一旦改变，UI侧会同步修改。

2.横竖屏适配：

• 旋转策略：设置窗口的旋转策略，例如AUTO_ROTATION_LANDSCAPE，支持横屏和反向横屏旋转 。
• 窗口变化监听：通过window.on('windowSizeChange')监听窗口尺寸变化，判断当前显示是竖屏还是横屏状态，并进行相应的布局适配。
• 自定义组件冻结：在窗口旋转时，使用自定义组件冻结功能，避免由于旋转导致的UI更新操作。
• 自动旋转和旋转锁定：控制中心的旋转开关控制当前是否可以跟随屏幕旋转，AUTO_ROTATION_RESTRICTED可以实现跟随控制中心的自动旋转。

3.折叠屏适配：

• 固定竖屏或适配旋转：在EntryAbility.ets中的onWindowStageCreate方法中设置监听，如果是折叠屏展开态，则设置跟随系统竖屏、横屏、反向竖屏、反向横屏；如果是折叠态，则设置固定竖屏。

通过以上方案，开发者可以确保应用在不同设备和屏幕方向下都能提供最佳的用户体验。

Answer 2

可以参考：https://blog.csdn.net/YHDMYBY/article/details/141430468