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

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 。

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

  

内容版权声明:文章整理来源于网络。

转载注明出处:https://wxx.dezhouruihuan.com/html/15b9899886.html