Weex Android 动画揭秘
背景
在目前常见的交互方式中,动画扮演了一个重要的角色。
在 Weex 框架下,Weex 的动画需要屏蔽 CSS/JS 动画与 Android 动画系统的差异,并尽可能的达到60FPS。
本文阐述了在 Android 上实现高性能CSS/JS动画过程中所遇到的问题/相关数学知识及解决方案。本文使用的前端 DSL 为 Weex vue 1.0或 Weex Vue 2.0。
现状与问题
在 Weex 环境下, 一个典型的动画在前端DSL中的写法如下:
animation = weex.requireModule('animation')
animation.transition(testEl, {
styles: {
color: '#FF0000',
transform: 'translate(250px