1

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

动画必须使用 CSS3，对吗？我不想在我的应用程序中使用动画（让我们这样说：http ://www.w3schools.com/cssref/tryit.asp?filename=trycss3_animation-timing-function3 ）。

我不想在初始加载屏幕之后加载动画，但我不知道该怎么做。有人可以帮我写代码吗？请 ELI5，因为我是 ST、CSS 和 HTML5 的新手。

4

2 回答 2

5

在您的启动功能中，您需要像这样定义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);

希望这可以帮助

于 2012-05-19T22:53:25.637 回答
4

好的@user1324579 这个步骤是：

  1. 创建一个 CSS3 类
  2. 创建一个面板煎茶

  3. 在 html 标签上放置类 CSS

    var panel = new Ext.Panel({
   id: 'yourIdPanel',
   fullscreen: true,
   style: 'background-color:#ffffff',
   html: '<div class="animation_css_class"></div>'
})

  4. 在初始加载屏幕之后加载您，上面有 id 面板，或者，

    var mainPanel = new Ext.Panel({
    id:'pnlInicio',
    fullscreen:true,
    items : [panel],
    dockedItems: []
})

我希望这些有帮助。:)

于 2012-05-19T04:08:36.537 回答