事情是这样的。
我司一小破程序,打开时类似这样,显示一个logo,一个标题
经过一个2秒的动画效果,logo和标题就移动到上面部分了,同时渐显出来一个loading组件,这些都是使用小程序的Animation API实现的。
现在需求来了。
我们想在首屏渲染后。在图标往上移的动画执行周期中,将背景色缓慢从蓝色变为白色。
(别问为什么要变背景色,我们准备待会加完班拿上弹弓组团去打设计师家玻璃了)
有朋友会说了,这不是很简单嘛,弄个定时器去替换class不就行了?
我只想说,no no no。朋友,我们搬砖就要有搬砖的样子嘛。
什么时间搬,搬多少,什么时间停,都要严谨嘛。
天真的我,想当然的就拍着胸脯向BOSS表示小意思啦。
naive的我心里想着
肯定会有动画执行开始和结束一个callback接口的嘛
然鹅,、翻遍了小程序文档里关于动画的各个段落之后才发现
神马?? 我不信!一定是我的眼刚刚瞎了,我要再看一遍。
PS
看,多么言简意赅的文档!
在看多了外面那些"妖艳贱货"的文档后,如此小清新的文档,还真让我这老司机虎躯一震。
// TODO
我当即在心里暗暗发誓,我一定要强烈建议我司将此文档规范引进并在我司大范围实践,太他【文明用语】高效了。
END PS
在我不懈的努力下
在某毒找到了一篇关于动画重置的实例
哦也,三七三十一,一定是我聋了才没看见这么大个接口
同事心里还在做自我批判,怎么能轻易的就甩锅给腾讯爸爸。
祭出我的Ctrl+F大法
果然。还是我太天真。竟然没有搜到 0/0?
在经过了一番苦苦的某毒搜索之后,猛然意识到,或许是我姿势不对?
谢天谢地,博客园诚不我欺。确实有这个东东。
我默默的打开了唯一的一条搜索结果学习了起来。你猜怎么着?
我发现了腾讯爸爸藏起来的彩蛋。
哇,没想到小程序团队这么调皮。
在动画相关的所有文档里,竟然半个字都没提有这几个事件。保密工作做的很到位。表扬。5星好评。
根据文档,照猫画虎。
控制台没有任何反应
一定是我姿势不对,我换换姿势。
一顿操作猛如虎,然鹅发现并没有什么卵用。
我盯着这条说明,默默的给自己点上了一根烟后陷入了痛苦的沉思。
期间我尝试了各种姿势,都没有找到关于WXSS animation到底是个什么鬼。
我只知道有Animation这个动画API。或许他俩是一个东西?
但是为什么Animation里没有关于它的只言片语?
既然Animation里没有写,肯定是另外一套体系吧?
灵光一闪,
oh no,别又是腾讯爸爸调皮了把文档藏起来了吧。
经过地毯式的搜索及换遍了各种姿势想要跟我的小程序互动一把后。
我选择死亡。
我想起那天夕阳下调的微信小程序,那是我逝去的青春。。。
IDE: v1.02.1901230
Library: 2.4.2
还记得之前有个兄弟,在小程序文档里面没找到,最后去支付宝小程序里面找到的
支付宝小程序里找到可还行,秀啊
如此神贴,迟早头条,官方不来露个脸?我也想知道你们做得animation是个啥玩意
日渐消瘦的身体
微官:以整死搬砖工为己任,写文档,不忽悠死你能叫文档,闹呢...
so
熊跌,先醒醒回家过年吧
我的小程序审核了好几次都不通过(ps:以前为啥都通过[end])
看戏
兄弟颇有点天才小熊猫的文风啊!
鹅肠的文档烂那是公认滴。。。
我就看图了,楼主一看就是个斗图的王者啊
“请稍后”应该是“请稍候”。请稍后后面需要跟词,比如“请稍后再试”
..........秀儿....是你吗
哈哈哈哈哈哈哈,太他妈幽默了