如果我们只需在状态修饰符中设置转换和转换,为什么还要在famo.us中需要transitionableTransform类:
var mainContext = Engine.createContext();
var surface = new Surface({
size:[100,100],
content: 'Click Me'
});
var modifier = new StateModifier({
align: [.5, .5],
origin: [.5, .5],
transform: Transform.translate(0,-240,0)
});
surface.on("click", function(){
modifier.setTransform(Transform.translate(0,0,0), {curve: 'easeIn', duration: 700});
});
mainContext.add(modifier).add(surface);
同样的问题是关于可转换状态维护者的。什么时候以及为什么要使用它代替代码中所示的直接设置状态修饰符的转换和过渡?
根据Famo.us Docs,不推荐使用modifier.setTransform(在talves示例中使用)。
来自https://famo.us/docs/api/latest/core/Modifier “不建议使用:建议使用静态Transform的transformFrom,或使用TransitionableTransform。”
-
但是,推荐的使用TransitionableTransform的方法与您使用的方法不同。您应该在Modifier的实例化中存储对transitionableTransform实例的引用。
您获得的一个好处是,在进行转换时不必引用修饰符。您只需在转换上直接调用方法。
请参考此处的示例:https : //gist.github.com/LearnFamous/ae8d1c8f7af7a702d544
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句