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

zhiyongz 阅读: 2022-12-25 21:26:58 评论:0

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

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

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

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

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

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

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

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

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

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

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

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

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


部分内容源于互联网,请仔细甄别真实性!如涉及关于钱的内容,更请谨慎对待!网址:https://www.tashuo.net/articles/5993.html

标签:HarmonyOS
可以去百度分享获取分享代码输入这里。
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
排行榜
关注我们

扫一扫关注我们,了解最新精彩内容