公众号手机端

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

zhiyongz 2年前 (2022-12-25) 阅读数 #华为
文章标签 HarmonyOS

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

但在横折的大屏折叠屏手机上,屏幕存在“折叠”与“展开”两种状态的特性,让软件开发者在设计UI时,不可避免的会面临更大的挑战。

近日,HarmonyOS开发者官方发布技术分享,揭秘了华为在设计折叠屏应用时,为了确保用户持续体验的开发技巧。

以阅读类场景为例,在场景从折叠(小屏)过渡到展开(大屏)的过程中,最为重要的就是将内容重排之后要定位到用户正在看的位置,保证焦点不发生偏移,提升用户的继续阅读体验。

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

为此,开发者可以将页面上的不同元素进行拆解,并采用动态布局理念,针对不同元素的功能性单独设计展开后的变形效果,确保用户的浏览体验。

如文本列表,就可以在展开态下右边加上一列,这样可以有效利用屏幕空间,也能多展示一些内容。

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

而上下图文则能够在保持图片高度不变的情况下延伸布局进而显示更多图片,或是将图片和文本通过挪移布局调整为左右布局显示。

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

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

整体来说,折叠屏应用开发的核心思路在于确保用户体验的连续性,此外还可以针对特殊应用的特殊需求,进行特定的UI调整,以提升用户的沉浸感。

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


版权声明

本站所有文章来源于本站原创或网络,如有侵权请联系删除。文章观点并不代表本站观点,请网友自行判断,如涉及投资、理财请谨慎应对!

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门