HarmonyOS发布技术分享:华为折叠屏应用布局技巧揭秘

2019年,华为发布首款折叠屏手机,之后陆续推出多款折叠屏新品。

而在大屏折叠屏的横折手机上,屏幕具有“折叠”和“展开”的特性,这就不可避免地让软件开发者在设计UI时面临更大的挑战。

近日,鸿蒙系统开发者正式发布技术分享,揭秘华为在设计折叠屏应用时保证用户持续体验的开发技巧。

以阅读场景为例,在从折叠(小屏)到展开(大屏)的过渡过程中,最重要的是重新排列内容,定位在用户正在看的位置,保证焦点不偏移,提高用户的连续阅读体验。

HarmonyOS发布技术分享:华为折叠屏应用布局技巧揭秘

为此,开发人员可以分解页面上的不同元素,并采用动态布局的概念。根据不同元素的功能性,分别设计展开变形效果,保证用户的浏览体验。

如文本列表,可以在展开状态下在右侧增加一列,这样可以有效利用屏幕空显示更多内容。

HarmonyOS发布技术分享:华为折叠屏应用布局技巧揭秘

上下图可以在保持图片高度不变的情况下扩展布局显示更多图片,或者通过移位布局将图文调整到左右布局。

此外,对于视频浏览、视频通话等特殊场景,开发者还可以充分利用屏幕展开后更大的空空间,为用户带来更沉浸式的体验。

HarmonyOS发布技术分享:华为折叠屏应用布局技巧揭秘

综合来看,折叠屏应用开发的核心思想是保证用户体验的连续性。此外,还可以根据特殊应用的特殊需求进行具体的UI调整,增强用户的沉浸感。

本文内容及图片均整理自互联网,不代表本站立场,版权归原作者所有,如有侵权请联系admin#jikehao.com删除。
(0)
极客号的头像极客号
上一篇 2022年 12月 25日
下一篇 2022年 12月 26日

相关推荐

合作联系:1152QQ041010