交互设计实践，墨问便签文章详情页点赞动效

我是墨问便签的深度用户，从池老师刚推出墨问就开始使用，同时也跟墨问的开发者保持一定的沟通交流

素材是这个 https://lottiefiles.com/animations/like-HcfTXxSJlp

~

在前一阵，墨问新增 了一项功能就是点赞和收藏的时候会有一个圆圈扩散的动画效果，据说是池老师亲自抓的功能

~

我今天研究了下，原来是使用了lottie这个动画库

代码如下所示

~

具体来说，就是使用lottie结合状态变更后素材变化两者结合实现的

参考资料

lottie官方

https://airbnb.io/lottie/#/

小程序lottie

https://developers.weixin.qq.com/miniprogram/dev/platform-capabilities/extended/utils/api-typings.html

交互设计实践，lottie实现墨问便签文章详情页点赞动效

感谢墨问

交互设计实践，lottie实现墨问便签文章详情页点赞动效

大家可以扫码体验

~

~

演示地址

https://v.qq.com/x/page/h3542iqwh19.html