注册

布置,完运用一次折叠的全新规划开发 ,多端a X 阔成 Pur

2025-07-04 08:39:46华获 
  • 腾讯QQ
  • QQ空间

3 月 20 日,运用华为发布业界首款阔折叠手机 Pura X,次开成其共同的发多 16:10 阔型屏规划,为用户带来面目一新的端布叠体会。但是置完跟着鸿蒙生态设备类型的日益丰厚 ,不同类型设备的阔折运用适配成为开发者面对的一大应战。为此  ,全新华为在 HarmonyOS 开发者官网上线了“最佳实践-一次开发 ,规划多端布置”专区(以下简称“一多专区”)和“最佳实践-设备场景”(以下简称“设备场景专区”) ,运用经过理论与实践的次开成结合,助力开发者快速适配 Pura X 等多样化的发多鸿蒙设备 ,打造用户友爱 、端布叠体会流通的置完“一多”运用 。

最佳实践专区内容概览。阔折

一多专区专心于“一次开发,全新多端布置”的核心技能,经过“技能关键”与“垂域事例”两大板块,助力开发者霸占多端适配难题 。“技能关键”聚集开发过程中的关键问题 ,供给深化解析;“垂域事例”则从不同笔直范畴的一多开发实践中提炼出引荐的规划思路与从 0 到 1 的完好完结计划 。

设备场景专区针对不同设备适配时的常见问题场景,供给1对1的精准处理计划 。开发者可根据自身的技能难题与设备类型,快速找到对应的处理计划 ,高效处理开发痛点。

运用适配 Pura X 设备实践事例 。

以华为新推出的 Pura X 阔折叠产品为例,一多专区的《一多断点开发实践》经过横向与纵向断点 ,区别 Pura X 打开态与折叠态窗口,完结不同页面布局 ,完结根底适配 。

针对 Pura X 外屏显现特色 ,《Pura X 外屏开发实践》供给了滑动沉溺式阅读的适配辅导 ,该规划让用户更专心于内容自身,当用户向上滑动屏幕 ,可暂时躲藏标题栏、页签栏等界面元素,完结全屏阅读;向下滑动时,页面元素经过动画作用从头显现 ,明显提升了外屏阅读功率。

图片 12

▲ 图 :滑动沉溺式阅读 。

Pura X 外屏滑动沉溺式阅读完结计划。

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

2 、适配体系躲避区 :在沉溺式布局中 ,顶部标题栏需避开体系状态栏 ,底部页签栏需避开体系导航栏 。开发者应在窗口创立时获取初始躲避区高度 ,并实时监听其动态改变。

3、运用堆叠容器完结页面布局:

滑动方向判别 :

上滑:动态削减标题栏和页签栏的高度与透明度 ,完结躲藏作用 。

下滑 :经过动画康复其高度与透明度至初始值 ,完结显现作用  。

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

过以上办法可完结流通的滑动沉溺式阅读体会 ,一起确保页面布局的适应性和漂亮性 。

现在,小红书、蜻蜓 FM 等运用已根据 HarmonyOS 开发者官网一多专区及设备场景专区的最佳实践,完结了对 Pura X 设备的适配 。

图片 3

▲ 图  :小红书滑动沉溺式阅读。

图片 11

▲ 图 :蜻蜓 FM 滑动沉溺式阅读 。

立刻体会。

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

图片 4

▲ 图 :一多专区  。

图片 6

▲ 图:设备场景专区。

更多最佳实践事例与文档 ,请拜访:

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。

广告声明:文内含有的对外跳转链接(包括不限于超链接 、二维码、口令等方式) ,用于传递更多信息 ,节约甄选时刻 ,成果仅供参考 ,一切文章均包括本声明 。

写评论已有0条评论跟帖用户自律公约
提 交还可输入500

财道头条

推荐阅读