正文内容 评论(0

HarmonyOS发布技术分享:华为折叠屏应用布局技巧揭秘
2022-12-25 18:29:41  出处:快科技 作者:乃河 编辑:乃河     评论(0)点击可以复制本篇文章的标题和链接

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

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

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

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

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

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

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

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

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

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

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

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

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

【本文结束】如需转载请务必注明出处:快科技

责任编辑:乃河

  • 支持打赏
  • 支持0

  • 反对

  • 打赏

文章价值打分

当前文章打分0 分,共有0人打分
  • 分享好友:
  • |

  • 热门文章
  • 换一波

  • 好物推荐
  • 换一波

  • 关注我们

  • 微博

    微博:快科技官方

    快科技官方微博
  • 今日头条

    今日头条:快科技

    带来硬件软件、手机数码最快资讯!
  • 抖音

    抖音:kkjcn

    科技快讯、手机开箱、产品体验、应用推荐...