【Flutter】小说阅读器改版 —— 翻页动画(二)

1,784 阅读1分钟

前言

之前提到过实现翻页动画的翻起页的新思路;这次就来实践一下

分析

按照之前所述,翻起页部分是对被翻起的部分进行一个以xx为中心的旋转;现在我收回这句话,这话其实是错的

应该是以xx线为中心的翻转;

用图来表述的话,是这样的,这里再次借用大佬的图:

image.png

那么该做的事,就是以实现如何正确的以这条线为中心进行翻转

实现

由于目前处于加班+感冒双重buff下,所以这里不多BB,直接上图:

思路就是注释中说的那样:

image.png

实现方式也很简单:

image.png

结尾

从这期开始,在实现需求的基础上加入对性能的评估,打开performance来看一下:

QQ20211202-222014-HD.gif

好像没什么太大问题,加一下裁剪即可,除了要实现的功能之外,都是小事,小事~