目录

滑动浏览长图时有卡顿的情况

问题现象

滑动操作浏览长图时，滑动过程十分卡顿，有阻塞感。

背景知识

问题定位

  1. 查看帧率信息。

    首先查看屏幕刷新率，Frame泳道下的Display Vsync子泳道会显示对应时间段的屏幕刷新率，支持对框选的时间段内的vsync进行分布统计，如下图中，屏幕刷新率为119Hz。

    然后查看应用主线程请求绘制渲染的周期，Trace中找到应用包名的泳道，通过H:SendCommands关键字查看应用发送的渲染请求，其中相邻的两个transactionFlag的时间间距，就是主线程请求绘制渲染的周期。

    正常情况下主线程请求绘制渲染周期（如8.3ms）会与屏幕刷新率（如120Hz）对应，但如果主线程在执行耗时操作时，会导致两次请求绘制渲染的时间间隔变长，在120Hz屏幕刷新率下应用绘制的帧率少于120，出现卡顿、丢帧的情况。

  2. 查看滑动手势事件是否使用animateTo。

    抓取日志发现使用了PanGesture滑动手势事件：

    I C03951/com.example.myapplication/InputKeyFlow: [(100002:100002:scope)] Pan accepted, tag = Stack

    通过Trace发现只能看到多次状态变量刷新，在应用收到手指离开屏幕的事件处，仅更新页面偏移状态，没有调用animateTo启动动画：

分析结论

使用PanGesture滑动手势事件时没有设置惯性动画，致使滑动手势停止时长图的滑动效果立刻停止，即表现为滑动卡顿。

修改建议

在滑动离手后增加滑动动效。