HarmonyOS鸿蒙Next【上架检测FAQ】应用或元服务应用内转场操作流畅

HarmonyOS鸿蒙Next【上架检测FAQ】应用或元服务应用内转场操作流畅

概述

应用或元服务应用内转场操作流畅，是指用户从一个页面切换到另一个页面时的过程中需要设置转场动效，转场过程中的丢帧时长在动效时长的占比需要满足标准要求，使得用户体验流畅。

设计原则

应用或元服务的应用内转场过程卡顿率（T）=动效时间内累计丢帧时间（T2）/动效时长（T1），T≤标准值。

注：该检测项标准值请参考应用性能体验建议-帧率。

转场场景（部分）

层级转场是指在用户界面中，从一个层级结构的界面状态转换到另一个层级结构的界面状态的过程，它通常用于在应用中进行页面间的导航和视图层级的变化。层级转场的场景可以划分为卡片、图表展开和列表展开。

**列表展开：**通常是完整的页面替换，开发者可以使用左右位移遮罩动效完成这类变化。

**卡片/图表展开：**单体独立卡片展开推荐使用一镜到底动效。

图1 列表展开转场

搜索转场是指在用户执行搜索操作，如在搜索栏中输入关键词并按下搜索按钮，或者直接触摸搜索图标时，应用改变应用页面以显示搜索结果的过程。它包含了固定搜索区域和非固定搜索区域两种情况：

**固定搜索区域：**在固定搜索区域中，大部分空间是不需要变化的，只是在上面增加了一层蒙版。主要变化区域集中在页眉，即搜索框和返回按键。当用户触发搜索操作时，页面可以使用淡入淡出动效来优化搜索体验，搜索框和返回按键通过渐变的方式进入视图，从而吸引用户的注意力。

图2 固定搜索区域转场

**非固定搜索区域：**在非固定搜索区域中，页面的变化更加复杂。为了保持用户的注意力和流畅的体验，可以使用一镜到底的动效，让搜索框始终保持在用户视线焦点中，相对忽视页面中其余变动较大的部分。

图3 非固定搜索区域转场

新建转场是指用户创建新内容或实体时，应用页面发生的过渡效果，它可以让用户感知到新的事物的添加或创建，并提供一种连贯和引人注目的视觉切换。由于新建页面中需要完成整个页面的替换，推荐开发者使用左右位移遮罩作为转场动效。

图4 新建转场

编辑转场用户对现有内容或实体进行编辑时，例如点击“编辑”按钮，选择要编辑的项目或内容，或者执行其他与编辑相关的动作，应用应提供动效引导用户进入一个用于编辑现有内容的页面，修改所需的信息。在这个场景下，开发者需要达成的视觉效果是从编辑按键处弹出编辑页面，类似于单体卡片展开的效果。但由于一般的编辑按键并没有分明的外框，并不适用一镜到底的动效，此时淡入淡出能够提供类似于一镜到底的效果。

图5 编辑转场

跨应用转场是指用户从一个应用程序切换到另一个应用程序，用户能够无缝地从一个应用切换到另一个应用，而不会感到中断或不适。和以上几类转场都不同的是，用户点击应用内的链接、按钮或执行其他与外部应用交互的动作后，页面的跳转已经不仅仅存在于页面与页面之间，而是应用与应用之间，为此，推荐开发者使用专为此设计的左右间隔位移动效。

图6 跨应用转场

转场场景引用自页面间转场。

典型案例

您的应用存在应用或元服务应用内转场操作的性能问题，应用内转场过程卡顿率（T）> 标准值。

修改指引

页面转场场景设计，转场场景开发，最佳实践案例，详情见页面间转场。

转场操作流畅的体验规则详情，检测逻辑，计算逻辑，详情见转场操作流畅。

应用上架前迭代版本测试可使用DevEco Testing应用上架预检功能在本地设备/虚拟机提供黑盒专业测试能力，提前发现上架基础体验类问题，提升上架审核效率。

应用上架提审前可使用云测试应用上架预检功能在云端提供远程黑盒专业测试，包含多品类，多设备，多OS的兼容测试能力，提前发现上架基础体验类问题，提升上架审核效率。

上架预检生成检测报告后，导入到AppAnalyzer工具进行诊断和分析，获得可能的故障原因并生成体检报告。并优化检测报告中存在的卡帧率未达标的问题，详情见点击完成时延分析（包含转场操作流畅分析）。