1fb726d48Sopenharmony_ci# Frame timeline 抓取和展示说明
2fb726d48Sopenharmony_ci
3fb726d48Sopenharmony_ci抓取和展示卡顿丢帧检测的数据。
4fb726d48Sopenharmony_ci
5fb726d48Sopenharmony_ci## Frame timeline 的抓取
6fb726d48Sopenharmony_ci
7fb726d48Sopenharmony_ci### Frame timeline 抓取界面配置说明
8fb726d48Sopenharmony_ci
9fb726d48Sopenharmony_ci打开 Frame timeline 开关抓取 Frametimeline 数据。
10fb726d48Sopenharmony_ci![GitHub Logo](../../figures/Frame/frameset.jpg)
11fb726d48Sopenharmony_ci
12fb726d48Sopenharmony_ci### Frame timeline 文件的抓取
13fb726d48Sopenharmony_ci
14fb726d48Sopenharmony_ci点击 Record setting,在 output file path 输入文件名 hiprofiler_dataframe.htrace,拖动滚动条设置 buffer size 大小是 64MB,抓取时长是 50s。
15fb726d48Sopenharmony_ci![GitHub Logo](../../figures/Frame/framesetting.jpg)
16fb726d48Sopenharmony_ci点击 Trace command,就会根据上面的配置生成抓取命令,点击 Record 抓取,抓取过程中会显示抓取时长。
17fb726d48Sopenharmony_ci![GitHub Logo](../../figures/Frame/frameexcuting.jpg)
18fb726d48Sopenharmony_ci
19fb726d48Sopenharmony_ci## Frame timeline 功能介绍
20fb726d48Sopenharmony_ci
21fb726d48Sopenharmony_ci将抓取的文件导入到 smartperf 工具查看。
22fb726d48Sopenharmony_ci
23fb726d48Sopenharmony_ci### Frame timeline 泳道图展示
24fb726d48Sopenharmony_ci
25fb726d48Sopenharmony_ciFrame timeline 展开就可以看到泳道图,泳道图上可以显示帧编号。
26fb726d48Sopenharmony_ci![GitHub Logo](../../figures/Frame/framechart.jpg)
27fb726d48Sopenharmony_ci
28fb726d48Sopenharmony_ci-     Expected Timeline:理想帧泳道图。
29fb726d48Sopenharmony_ci-     Actual Timeline:真实帧泳道图。
30fb726d48Sopenharmony_ci
31fb726d48Sopenharmony_ci### Frame timeline 泳道图的框选功能
32fb726d48Sopenharmony_ci
33fb726d48Sopenharmony_ci可以对真实帧数据进行框选,框选后在最下方的弹出层中会展示框选数据的统计表格。
34fb726d48Sopenharmony_ciFrames 的 Tab 页如图:
35fb726d48Sopenharmony_ci![GitHub Logo](../../figures/Frame/frameprocess.jpg)
36fb726d48Sopenharmony_ci
37fb726d48Sopenharmony_ci-     Jank Type:卡顿类型。
38fb726d48Sopenharmony_ci-     Min duration:最小持续时间。
39fb726d48Sopenharmony_ci-     Max duration:最大持续时间。
40fb726d48Sopenharmony_ci-     Mean duration:平均持续时间。
41fb726d48Sopenharmony_ci-     Occurrences:事件数。
42fb726d48Sopenharmony_ci
43fb726d48Sopenharmony_ci### Frame timeline 泳道图的点选功能
44fb726d48Sopenharmony_ci
45fb726d48Sopenharmony_ci通过点选理想帧和真实帧展示 Tab 页(Current Selection)。
46fb726d48Sopenharmony_ci理想帧 Tab 页如下图:
47fb726d48Sopenharmony_ci![GitHub Logo](../../figures/Frame/frameexpectedtab.jpg)
48fb726d48Sopenharmony_ci
49fb726d48Sopenharmony_ci-     Name:帧编号。
50fb726d48Sopenharmony_ci-     StartTime:启动时间。
51fb726d48Sopenharmony_ci-     Absolute Time:绝对时间。
52fb726d48Sopenharmony_ci-     Duration:持续时间。
53fb726d48Sopenharmony_ci-     Process:进程名。
54fb726d48Sopenharmony_ci  真实帧 Tab 页如下图:
55fb726d48Sopenharmony_ci  ![GitHub Logo](../../figures/Frame/frameactualtab.jpg)
56fb726d48Sopenharmony_ci-     Name:帧编号。
57fb726d48Sopenharmony_ci-     StartTime:启动时间。
58fb726d48Sopenharmony_ci-     Absolute Time:绝对时间。
59fb726d48Sopenharmony_ci-     Duration:持续时间。
60fb726d48Sopenharmony_ci-     Process:进程名。
61fb726d48Sopenharmony_ci-     Jank Type:卡顿类型。
62fb726d48Sopenharmony_ci-     Gpu Duration:GPU耗时。
63fb726d48Sopenharmony_ci-     FrameTimeLine flows:显示的是绘制一帧的完整过程,  由两个阶段组成应用的提交一帧。
64fb726d48Sopenharmony_ci-     Following flows:展示真实帧包含的关联的帧,图中斜向上箭头点击会进行跳转功能直接定位到具体进程真实帧位置,点选的同时还将包含的关联帧通过线连起来,可以跨越多个进程。
65