Sencha Touch中的自定义动画

Question

我想知道是否可以在Sencha Touch 2中使用自定义动画.如果我已经正确完成了我的作业,那么除了淡入/淡出,滑块和其他简单UI之外,Sencha Touch默认情况下不提供任何动画帮助元素.

人们将不得不使用CSS3动画,对吧？我不想在我的应用程序中使用动画(让我们这样说:http://www.w3schools.com/cssref/tryit.asp？ filename = trycss3_animation-timing-function3 ).

我不想在初始加载屏幕之后加载动画,但我不知道该怎么做.有人可以帮我解决问题吗？ELI5拜托,因为我是ST,CSS和HTML5的新手.

Answer 1

在你的启动函数中,你需要像这样定义Ext.Anim:

anim = Ext.create('Ext.Anim',{
  autoClear: false,
  from:{'left':'0px'},
  to: {'left':'100px'},
  delay: 1000,
  duration: 1000
});

然后你可以在任何组件(这里在Ext.Panel上)运行这个动画,如下所示:

anim.run(this.getView().element);

希望这可以帮助