material design 中这种图标平滑切换是如何实现的？

[v2yllhwa]

如链接： https://m1.material.io/motion/creative-customization.html#creative-customization-icons

这种图标转化时候线条平滑地切换到另一个图标是如何实现的？

给常见的转换每一个都专门做动画吗？

[geelaw]

需要单独实现。如果预算不允许的话，可以做一个简单的一般动画，离开的图标缩小且旋转且变得透明，进入的图标放大且旋转且变得透明。

[narmgalaxy]

这个是 svg 动画

[lisongeee]

https://github.com/balysv/material-menu

[DeweyReed]

都让开，我来。
在 Android 上叫做 Animated Vector Drawable 。最简单的形式是，有初始和结束状态的两个矢量图标，二者的绘制命令是一样的，但点的位置不一样，这样通过代码实现实现动画。还有更复杂的形式。
整体效果很好看，但实现所需的能力超出了很多设计人员的认知。

<https://github.com/StylingAndroid/AnimatedIcons/>

[DeweyReed]

链接贴错啦 https://github.com/alexjlockwood/adp-delightful-details

[realJamespond]

lottie-js 让美工导出动画？