1fb726d48Sopenharmony_ci# Animation 的抓取和展示说明 2fb726d48Sopenharmony_ci 3fb726d48Sopenharmony_ci通过动效模板的指标项对图形子系统和应用做动效卡顿类问题分析。 4fb726d48Sopenharmony_ci 5fb726d48Sopenharmony_ci### Animation 抓取参数的配置 6fb726d48Sopenharmony_ci 7fb726d48Sopenharmony_ci 8fb726d48Sopenharmony_ci配置项说明： 9fb726d48Sopenharmony_ci 10fb726d48Sopenharmony_ci- Animation effect：动效配置项的总开关。 11fb726d48Sopenharmony_ci 12fb726d48Sopenharmony_ci### Animation 展示说明 13fb726d48Sopenharmony_ci 14fb726d48Sopenharmony_ci将抓取的 Animation 文件导入到 smartperf 工具中，查看图形子系统和应用动效卡顿类问题。 15fb726d48Sopenharmony_ci 16fb726d48Sopenharmony_ci### Animation 泳道图展示 17fb726d48Sopenharmony_ci 18fb726d48Sopenharmony_ciAnimation 的响应时延和完成时延泳道图显示，泳道图的 Slice 会显示响应时延和完成时延，如下图中的 Response delay(79.379165ms),Completion delay(2606.938539ms)。 19fb726d48Sopenharmony_ci。 20fb726d48Sopenharmony_ciAnimation 的动效曲线和帧间距的总泳道图，如图点击 WindowScene_mm37 旁边的小齿轮可以切换 WindowScene。 21fb726d48Sopenharmony_ci。 22fb726d48Sopenharmony_ciAnimation 的动效曲线泳道图展示，如下： 23fb726d48Sopenharmony_ci 24fb726d48Sopenharmony_ci泳道图说明: 25fb726d48Sopenharmony_ci 26fb726d48Sopenharmony_ci- Animation Effect Curve旁边的齿轮显示的x,y,width,height,alpha是动效帧的属性值，可以切换。 27fb726d48Sopenharmony_ci- Animation Effect Curve泳道图红色的曲线代表的是异常判断点，也就是相邻两帧属性值相同的异常时间区间。 28fb726d48Sopenharmony_ci Animation 的帧间距泳道图展示，如下: 29fb726d48Sopenharmony_ci  30fb726d48Sopenharmony_ci 泳道图说明: 31fb726d48Sopenharmony_ci- Frame spacing泳道图显示相邻两帧在时间尺度上相对于设备物理屏幕的变化间距值。 32fb726d48Sopenharmony_ci 33fb726d48Sopenharmony_ci### 动效曲线泳道图点选功能 34fb726d48Sopenharmony_ci 35fb726d48Sopenharmony_ci点选动效曲线泳道图上的属性值会出现一个空心小圆点，Frame Dynamic 的 Tab 页会显示相关信息。 36fb726d48Sopenharmony_ci 37fb726d48Sopenharmony_ci 38fb726d48Sopenharmony_ci- Timestamp： 时间戳信息。 39fb726d48Sopenharmony_ci- Index： 属性索引。 40fb726d48Sopenharmony_ci- Value：属性值。 41fb726d48Sopenharmony_ci 42fb726d48Sopenharmony_ci### 动效曲线泳道图框选功能 43fb726d48Sopenharmony_ci 44fb726d48Sopenharmony_ci框选动效曲线泳道图，Frame Dynamic 的 Tab 页会显示框选范围内每个点的属性值。 45fb726d48Sopenharmony_ci 46fb726d48Sopenharmony_ci 47fb726d48Sopenharmony_ci- Timestamp： 时间戳信息。 48fb726d48Sopenharmony_ci- Index： 属性索引。 49fb726d48Sopenharmony_ci- Value：属性值。 50fb726d48Sopenharmony_ci 51fb726d48Sopenharmony_ci### 帧间距泳道图点选功能 52fb726d48Sopenharmony_ci 53fb726d48Sopenharmony_ci点选帧间距泳道图，Frame spacing 的 Tab 页会显示这一个点的帧间距计算数据，一个点要计算四个属性的的帧间距，所以需要显示四个属性的。 54fb726d48Sopenharmony_ci 55fb726d48Sopenharmony_ci 56fb726d48Sopenharmony_ci- Timestamp： 时间戳信息。 57fb726d48Sopenharmony_ci- Index： 属性索引。 58fb726d48Sopenharmony_ci- property：动效宽度，高度，X，Y的属性。 59fb726d48Sopenharmony_ci- Value2： 当前帧的属性值。 60fb726d48Sopenharmony_ci- Value1： 前一帧的属性值。 61fb726d48Sopenharmony_ci- Screen：存储设备的物理宽度/高度。 62fb726d48Sopenharmony_ci- T2(s)： 当前帧的结束时间。 63fb726d48Sopenharmony_ci- T1(s)： 前一帧的结束时间。 64fb726d48Sopenharmony_ci- result：帧间距。 65fb726d48Sopenharmony_ci 66fb726d48Sopenharmony_ci### 帧间距泳道图框选功能 67fb726d48Sopenharmony_ci 68fb726d48Sopenharmony_ci框选帧间距泳道图，Frame spacing 的 Tab 页会显示框选范围内帧间距数据。 69fb726d48Sopenharmony_ci 70fb726d48Sopenharmony_ci 71fb726d48Sopenharmony_ci- Timestamp： 时间戳信息。 72fb726d48Sopenharmony_ci- Index： 属性索引。 73fb726d48Sopenharmony_ci- property：动效宽度，高度，X，Y的属性。 74fb726d48Sopenharmony_ci- Value2： 当前帧的属性值。 75fb726d48Sopenharmony_ci- Value1： 前一帧的属性值。 76fb726d48Sopenharmony_ci- Screen：存储设备的物理宽度/高度。 77fb726d48Sopenharmony_ci- T2(s)： 当前帧的结束时间。 78fb726d48Sopenharmony_ci- T1(s)： 前一帧的结束时间。 79fb726d48Sopenharmony_ci- result：帧间距。 80
