先看效果：

有兴趣的可以自己去下载这个app，体验完整的效果。

由于没有什么特别难的知识点，所以步骤从简。

1、画图，可以在ai里画，也可以直接在ae里画，如下图：

“进度条”是用钢笔画的，中间的间隔添加蒙版实现的。

蓝色的圆放到“进度条”和 文字的上方，这一一会给“蓝色-圆”做动画就直接遮住他们，省的再去操作。

2、给 “蛋”和 “蓝色-圆”做动画，如下图：

“蓝色-圆”，做缩放动画，让它覆盖整个窗口，

“蛋”做位置和缩放动画，将其往下移动一定的距离，并且变大一点。

3、制作title，新建一个合成，宽度跟"main"保持一致，画一个“返回”图标，输入“基础1”，返回"main"，给其做动画，让它从顶部运动进场景，如下图：

4、制作 卡片 切换效果，如下图：

制作4个卡片，分别命名为“单元1”，“单元2”，“单元3”，“薄弱单词”，将其调整到适当位置，除了“单元1”以外，其他三个卡片缩放至80%，

这里新建一个“空白层”，命名为“位置控制”，将4个卡片的父级设置为“位置控制”。

用“位置控制”的位置属性，控制4个卡片的位置，卡片运动的过程中，给相关的添加缩放动画。可以拉一些参考线，确保运动到同一位置。

做好卡片的运动、缩放动画效果后，加一个手势，看起来像是在拖动的样子，手的动画需要自己调整，确保看起来足够真实。

手的图标可以自己画或者去iconfont.cn里下载一个。

本来这一步想着能否用表达式实现，一时半会没有好思路，就只有K帧了，有兴趣的同学，也可以尝试一下。

附上源文件，共有需要的同学参考，欢迎交流。