Android 制作逐渐显示动画(描边动画、矢量动画VectorDrawble)

Posted 2023-03-27

参考技术A android 系统从5.0开始支持矢量图，可以通过 Android Studio自带的 Vector Assert 工具将SVG、PSD 转成VectorDrawble。

转化好的VectorDrawblew看起来好像挺复杂，是不是完全看不懂。没关系，只要转化的图形没有问题，你不用关心其内部数据。

我们直接进入矢量动画部分。

矢量动画的实现通过在xml定义<animated-vector>标签（其对应的Java对象是AnimatedVectorDrawable）实现，如下所示：

可以看到<animated-vector>标签是主要元素是target，它其实就起到一个桥梁作用，将动画和VectorDraw中的图形联系起来。

比如target1，它将属性动画splash_animator_draw和vectorDrawble对象中name等于line1的对象联系起来，即：动画将生效在line1对象上。

之前展示了由svg图片通过Android Studio Vector Assert工具转换过来的VectorDrawble，里面的实际上svg画图语法，<path>标签里的pathData包含了画图的路径(坐标)和语法

在实际使用过程中有几率遇到这样两个问题(笔者都遇到过)：

其实以上两个问题都要求你掌握进阶知识，svg画图语法。

官方svg语法解析： https://www.w3.org/TR/SVG/paths.html
不喜欢看英文，去这篇博客： http://www.jianshu.com/p/a3cb1e23c2c4

对于Android程序员，Lottie的动画使用很简单，步骤如下：

1.接入Lottie

从动画实现上来说，Lottie动画应该是最简单的方法了。

Lottie的优点很明显：

Lottie的缺点：

好了，如果觉得本文对你有帮助，请关注、留言、点赞我，谢谢！