技术概述
这个技术是在制作reactnative页面的时候,如果要让组件进行一些可观美感的画面使用到的。学习该技术是为了能对项目中的共鸣湖页面的气泡动作进行设计。技术的难点在于每个参数的设计,让整体看起来较为平滑。
技术详述
1.创建Animated.Value,设置初始值,
2.选择正确的函数以及参数,进行动作的设计
3.调用Animated.timeing.start()开始动画
技术使用中遇到的问题和解决过程
一个设置函数仅能控制一个组件,如果要实现对多个组件的控制,可以考虑使用一个控制函数来调控所有组件的动作,具体如下
总结
使用Animations有时候也很难达到理想的效果,不过对于目前绝大多数的动作应该都是能复现的
参考文献
React Native开发之动画(Animations)
React Native开发之动画(Animations)