Shape Shifter——制作简单动画

这几天在学习动画，发现了一个好上手的简单动画制作的网页 Shape Shifter
我们先来看一下这个界面
直接上个例子：我们要实现 √ 一边旋转一边变成 ×

1. 将我们要用的Vector Drawable资源导入

2. 添加一个组约束
   

3. 将刚刚添加的drawable移动到group中
   

4. 给group添加旋转效果，其他效果也可以根据自己的需要改成其他的

5. 选中这个动画配置其属性，将toValue改成360，说明从0度旋转到360度

6. 选中group，改变他的中心点PointX和PointY，就是说图案以什么点旋转

7. 添加图形从 √ 变到 × 的效果。选中需要改变的图形，添加pathData

8. 将toValue值改成变化后的图形的值，可以在变化后的图形那里查看

9. 将时间拉长一点
   

到这里我们就做完了，可以自己做试试