一看就喜欢的loading动画效果Android分析实现

2019-12-10 19:13:34于丽
一看就喜欢的loading动画效果Android分析实现,绚烂的效果,相信大家一定会喜欢,感兴趣的小伙伴们可以参考一下  

还是比较有新意,复杂度也不是非常高,所以就花时间整理一下,我们先一起看下原gif图效果:

一看就喜欢的loading动画效果Android分析实现

从效果上看,我们需要考虑以下几个问题:

  • 1.叶子的随机产生;
  • 2.叶子随着一条正余弦曲线移动;
  • 3.叶子在移动的时候旋转,旋转方向随机,正时针或逆时针;
  • 4.叶子遇到进度条,似乎是融合进入;
  • 5.叶子不能超出最左边的弧角;
  • 7.叶子飘出时的角度不是一致,走的曲线的振幅也有差别,否则太有规律性,缺乏美感;

    总的看起来,需要注意和麻烦的地方主要是以上几点,当然还有一些细节问题,比如最左边是圆弧等等;
    那接下来我们将效果进行分解,然后逐个击破:
    整个效果来说,我们需要的图主要是飞动的小叶子和右边旋转的风扇,其他的部分都可以用色值进行绘制,当然我们为了方便,就连底部框一起切了;
    先从gif 图里把飞动的小叶子和右边旋转的风扇、底部框抠出来,小叶子图如下:

                             一看就喜欢的loading动画效果Android分析实现