三折叠Mate XT 2应用开发最佳实践:多形态交互与体验提升

9月7日,华为发布新一代展翼三折叠Mate XT 2,该设备在延续前代三折叠形态的基础上,新增三种折叠状态,不同状态对应不同的屏幕尺寸与交互方式,进一步拓展使用场景。针对该机型特点,HarmonyOS 开发者官网上线《三折叠应用开发》最佳实践,助力应用在单屏、双屏、三屏

9月7日,华为发布新一代展翼三折叠Mate XT 2,该设备在延续前代三折叠形态的基础上,新增三种折叠状态,不同状态对应不同的屏幕尺寸与交互方式,进一步拓展使用场景。针对该机型特点,HarmonyOS 开发者官网上线《三折叠应用开发》最佳实践,助力应用在单屏、双屏、三屏等不同形态下实现流畅统一的使用体验。

图片 1.png

Mate XT 2

Mate XT 2 继承三折叠设备的系统适配能力。对于已完成横竖断点、响应式布局改造的应用,迁移适配时通常无需重新设计整体布局,系统可基于窗口尺寸与比例自动渲染基础界面,帮助应用在不同屏幕状态下保持一致表现。

对于尚未适配三折叠设备的应用,最佳实践文档介绍了交互跟手、开合连续、视频自适应沉浸等功能的实现方法及常见问题解决方案,帮助开发者快速实现应用创新与体验提升。

一、交互跟手:优化大屏操作距离,贴合真实握持习惯

Mate XT 2 的双屏态和三屏态拥有更宽广的显示视野,信息承载量更大,用户可操作范围也更广。智感握姿、跟手弹窗、跟手半模态等适配方案,让用户操作更快捷、高效。

图片 2.png

左手持握效果

图片 3.png

右手持握效果

二、开合连续:形态切换,任务不中断

三折叠设备在单屏态、双屏态和三屏态之间切换时,应用页面内容需要保持不变、状态无缝接续,保障使用体验不受影响。应用页面和功能相关的开合连续能力可以使用断点和响应式组件实现,并通过 on('windowSizeChange')接口监听,支持用户快速接续切换前的操作,打造流畅的切换体验。

三、悬浮组件:扩大可视区域,多形态交互一致

借助 HdsTabs (底部页签)组件的 barFloatingStyle 属性实现悬浮导航栏,可适配各类形态切换场景,充分释放屏幕可视区域;通过悬浮材质参数 SystemMaterialParams 配置透明磨砂材质效果,提升界面通透感,适配沉浸式浏览体验。

搭配 HdsTabsMiniBar 可扩展迷你标签栏,拓展多维度快捷入口,适配双屏态和三屏态的分区操作,同时保障单屏、双屏、三屏形态下交互逻辑统一,降低用户切换成本,有效提升操作效率与使用体验。

图片 4.png

四、视频自适应沉浸:形态切换,沉浸观看不间断

三折叠设备在切换不同形态时,视频自适应沉浸方案可保障画面在形态切换过程中始终保持正确比例与完整显示,精简界面元素、减少视觉干扰,让用户聚焦视频画面,充分利用大屏开阔视野,有效提升观看体验。最佳实践文档中介绍了如何通过设置不同窗口比例下的视频显示区域与沉浸方案,让视频按宽高比正确适配显示。

图片 5.png

五、全景多窗:释放三屏态大屏多任务潜力

Mate XT 2 三屏态下,全景多窗支持最多三个应用窗口并行运行,用户可以一边浏览资讯、一边编辑内容、一边沟通办公,多任务同步处理、互不冲突,实现办公、娱乐、日常操作一站式协同。不需要应用适配任何配置或代码。

图片 6.png

六、手写笔、键鼠与焦点导航:丰富移动办公输入方式

Mate XT 2 支持手写笔、外接键鼠交互。手写笔依托 Pen-Kit 能力实现低延迟书写、全局批注;键鼠侧通过适配鼠标悬浮效果、键盘快捷键,实现外接键鼠交互;焦点导航可以将页面中可操作元素设置为可获焦状态,并配置获焦视觉效果,清晰指示当前焦点位置。触控、手写、键鼠等方式协同,为移动办公提供更多输入选择。

了解更多

图片 7.png

Mate XT 2 的多形态能力为应用带来更丰富的展示空间与交互可能。欢迎登录 HarmonyOS 开发者官网,找到“文档”频道,按照“文档-最佳实践-多设备开发-多端设备体验提升-手机”路径,获取查看《三折叠应用开发》最佳实践,了解更多细节。

(来源:小熊科技)

相关推荐