我有一个UI组件,我希望重新定位和扩展,但是以相当复杂的方式。我已经使用变换矩阵找出了必要的变换,我应用了几个平移和缩放操作。
我可以将此UI组件的新变换矩阵设置为上面计算的矩阵,结果是准确的;但我需要动画过渡。我无法单独使用“缩放/移动”效果,因为它们在计算矩阵所需的变换时不那么强大。
那么如何给定源和目标变换矩阵的对象的过渡动画?
想出来
使用tweener及其onUpdate事件将矩阵重新分配给每个中间值:
var animMatrix : Matrix = gi.transform.matrix;
TweenMax.to(animMatrix, 1, {
a : m.a,
d : m.d,
tx : m.tx,
ty : m.ty,
onUpdate : function () : void { gi.transform.matrix = animMatrix; }
});