Pura X 阔折叠适配：解锁超视觉与高效交互的全新体验

3 月 20 日，华为发布业界首款阔折叠手机 Pura X，其独特的 16:10 阔型屏设计，为用户带来焕然一新的体验。为了帮助开发者更好的适配阔折叠设备，华为在 HarmonyOS 开发者官网上线了“最佳实践-设备场景”（以下简称“设备场景专区”），通过理论与实践的结合，助力开发者快速适配 Pura X 等多样化的鸿蒙设备，打造用户友好、体验流畅的应用。

应用适配 Pura X 设备实践案例

在完成 Pura X 基础适配的前提下，针对 Pura X 外屏显示特点，设备场景专区的《Pura X 外屏开发实践》提供了滑动沉浸式浏览的适配指导，该设计让用户更专注于内容本身，当用户向上滑动屏幕，可临时隐藏标题栏、页签栏等界面元素，实现全屏浏览；向下滑动时，页面元素通过动画效果重新显示，显著提升了外屏浏览效率。

图：滑动沉浸式浏览

Pura X 外屏滑动沉浸式浏览实现方案

1、状态变量控制：通过状态变量动态调整顶部标题栏和底部页签栏的透明度与高度。

2、适配系统避让区：在沉浸式布局中，顶部标题栏需避开系统状态栏，底部页签栏需避开系统导航栏。开发者应在窗口创建时获取初始避让区高度，并实时监听其动态变化。

3、使用堆叠容器实现页面布局：

滑动方向判断：

上滑：动态减少标题栏和页签栏的高度与透明度，实现隐藏效果。

下滑：通过动画恢复其高度与透明度至初始值，实现显示效果。

列表布局调整：设置列表顶部外边距，确保滑动时列表能填满顶部剩余空间。

以上方法可实现流畅的滑动沉浸式浏览体验，同时保证页面布局的适应性和美观性。

目前，小红书、蜻蜓 FM 等应用已依据 HarmonyOS 开发者官网设备场景专区的最佳实践，完成了对 Pura X 设备的适配。

图：小红书滑动沉浸式浏览

图：蜻蜓 FM 滑动沉浸式浏览

即刻体验

最佳实践已上线华为 HarmonyOS 开发者官网，开发者可进入“HarmonyOS 开发者官网”搜索《Pura X 外屏开发实践》快速获取技术文档、示例代码及实战案例，快速打造优质的 HarmonyOS 应用。

图：设备场景专区

更多最佳实践案例与文档，请访问：

https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-multi-device-bp-practice

https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-foldable-guide

https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-purax-guide

想要深入了解什么是技术共建，或与我们共同探讨技术创新。欢迎加入我们的技术共建交流群，我们将与志同道合的开发者一起交流、分享与成长！扫码加入群聊，开启技术共建之旅！