# Animation 的抓取和展示说明

通过动效模板的指标项对图形子系统和应用做动效卡顿类问题分析。

### Animation 抓取参数的配置

![GitHub Logo](../../figures/animation/animationconfig.jpg)
配置项说明：

-     Animation effect：动效配置项的总开关。

### Animation 展示说明

将抓取的 Animation 文件导入到 smartperf 工具中，查看图形子系统和应用动效卡顿类问题。

### Animation 泳道图展示

Animation 的响应时延和完成时延泳道图显示，泳道图的 Slice 会显示响应时延和完成时延，如下图中的 Response delay(79.379165ms),Completion delay(2606.938539ms)。
![GitHub Logo](../../figures/animation/anrsdelayrow.jpg)。
Animation 的动效曲线和帧间距的总泳道图，如图点击 WindowScene_mm37 旁边的小齿轮可以切换 WindowScene。
![GitHub Logo](../../figures/animation/anrsallrow.jpg)。
Animation 的动效曲线泳道图展示，如下：
![GitHub Logo](../../figures/animation/anieffectcurv.jpg)
泳道图说明:

-     Animation Effect Curve旁边的齿轮显示的x,y,width,height,alpha是动效帧的属性值，可以切换。
-     Animation Effect Curve泳道图红色的曲线代表的是异常判断点，也就是相邻两帧属性值相同的异常时间区间。
  Animation 的帧间距泳道图展示，如下:
  ![GitHub Logo](../../figures/animation/framespacirow.jpg)
  泳道图说明:
-     Frame spacing泳道图显示相邻两帧在时间尺度上相对于设备物理屏幕的变化间距值。

### 动效曲线泳道图点选功能

点选动效曲线泳道图上的属性值会出现一个空心小圆点，Frame Dynamic 的 Tab 页会显示相关信息。
![GitHub Logo](../../figures/animation/anieffectcurvselect.jpg)

-     Timestamp： 时间戳信息。
-     Index： 属性索引。
-     Value：属性值。

### 动效曲线泳道图框选功能

框选动效曲线泳道图，Frame Dynamic 的 Tab 页会显示框选范围内每个点的属性值。
![GitHub Logo](../../figures/animation/anieffectcurvdrag.jpg)

-     Timestamp： 时间戳信息。
-     Index： 属性索引。
-     Value：属性值。

### 帧间距泳道图点选功能

点选帧间距泳道图，Frame spacing 的 Tab 页会显示这一个点的帧间距计算数据，一个点要计算四个属性的的帧间距，所以需要显示四个属性的。
![GitHub Logo](../../figures/animation/anispacingselect.jpg)

-     Timestamp： 时间戳信息。
-     Index： 属性索引。
-     property：动效宽度，高度，X，Y的属性。
-     Value2： 当前帧的属性值。
-     Value1： 前一帧的属性值。
-     Screen：存储设备的物理宽度/高度。
-     T2(s)： 当前帧的结束时间。
-     T1(s)： 前一帧的结束时间。
-     result：帧间距。

### 帧间距泳道图框选功能

框选帧间距泳道图，Frame spacing 的 Tab 页会显示框选范围内帧间距数据。
![GitHub Logo](../../figures/animation/anispacingdrag.jpg)

-     Timestamp： 时间戳信息。
-     Index： 属性索引。
-     property：动效宽度，高度，X，Y的属性。
-     Value2： 当前帧的属性值。
-     Value1： 前一帧的属性值。
-     Screen：存储设备的物理宽度/高度。
-     T2(s)： 当前帧的结束时间。
-     T1(s)： 前一帧的结束时间。
-     result：帧间距。