基于Flex中的变换矩阵动画变换

时间:2010-10-18 07:23:42

标签: flex flex4

我有一个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; }
});             

0 个答案:

没有答案