使用“一次开发,多端部署”,实现Pura X阔折叠的全新设计

0 评论 3681 浏览 0 收藏 6 分钟
对未来感到迷茫?起点课堂的导师将为你提供专业的职业发展规划指导,帮你明确方向、设定目标,让你在产品经理的道路上,每一步都走得清晰而坚定。

在2025年华为开发者大会(HDC)上,知名音频平台蜻蜓FM作为鸿蒙生态的重要共建伙伴,深入分享了其应用在华为Pura X设备上的适配实践。此次高效、高质量的多端适配,离不开HarmonyOS“一次开发,多端部署”这一核心技术理念的有力支撑。

最佳实践专区内容概览

最佳实践专区分为一多专区和设备场景专区。一多专区聚焦“一次开发,多端部署”,通过“多设备界面开发”和“多设备功能开发”两大板块,帮助开发者高效解决跨设备适配问题。“多设备界面开发”解析常见场景下的布局与适配难题,“多设备功能开发”则提供多领域从设计到实现的完整方案。

设备场景专区则针对不同设备的适配痛点,提供按设备类型和问题场景划分的精准解决方案,助力开发者高效应对技术挑战。

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

Pura X是华为推出的业界首款“阔折叠”旗舰折叠手机,其机身外型上匹配有一块16:10比例的矮胖内屏(展开态)和一块1:1比例的方形外屏(折叠态)。针对Pura X外屏显示特点,《Pura X外屏开发实践》提供了滑动沉浸式浏览的适配指导,以及响应式分布能力适配指南。

1.滑动沉浸式浏览

Pura X外屏滑动沉浸式浏览的设计形式,有助于用户更专注于内容本身:当用户向上滑动屏幕,可临时隐藏标题栏、页签栏等界面元素,实现全屏浏览;向下滑动时,页面元素通过动画效果重新显示,显著提升了外屏浏览效率。

 

目前,小红书、蜻蜓FM等应用已依据HarmonyOS开发者官网一多专区及设备场景专区的最佳实践,实现了Pura X设备外屏的沉浸式浏览功能。

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

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

2.响应式布局

随着HarmonyOS生态拓展,终端设备形态多样化,响应式布局使得应用页面布局在一套代码中能够适配不同屏幕尺寸、方向。响应式布局的核心思想是页面根据不同屏幕尺寸自动调整布局,提供更舒适的界面和更好的用户体验。

图:响应式布局页面的效果图

目前,蜻蜓FM等应用已依据HarmonyOS开发者官网一多专区的最佳实践,完成了对Pura X设备的响应式布局适配。如下图所示,采用挪移布局结合页面响应式能力,当Pura X为折叠态时,图片等比例缩小,图片和文字布局从上下结构切换为左右结构。

图  蜻蜓FM播放页响应式布局适配

 

即刻体验

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

更多最佳实践案例与文档,请访问HarmonyOS开发者官网。

 

Pura X外屏开发实践

https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-purax-guide?ha_source=rrdscpjl&ha_sourceId=89000499

一次开发,多端部署

https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-multi-device-overview?ha_source=rrdscpjl&ha_sourceId=89000499

界面布局响应式变化

https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-multi-device-responsive?ha_source=rrdscpjl&ha_sourceId=89000499

多设备界面开发案例

https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-multi-device-ui-development?ha_source=rrdscpjl&ha_sourceId=89000499

 

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!
专题
43719人已学习18篇文章
继蒸汽机、电力、互联网之后,区块链很可能是下一代颠覆性的核心技术。
专题
14602人已学习13篇文章
本专题的文章分析了用户运营策略的案例,为如何做用户运营策略提供了思路。
专题
14774人已学习15篇文章
深度学习(Deep learning)是一种机器学习的分支,它是通过构建多层神经网络来实现自主学习和预测的能力。本专题的文章分享了解读深度学习。
专题
35556人已学习22篇文章
从动效设计原则、动效工具、制作方法、标注技巧等全方位解读
专题
13959人已学习12篇文章
知识管理是什么?通常来看,想理解知识管理,可以从业务、管理、实施等视角切入。本专题的文章分享了如何做知识管理。