Sencha Touch中的自定義動畫

我想知道是否可以在Sencha Touch 2中使用自定義動畫。如果我已經正確完成了我的作業，那麼Sencha Touch默認情況下不會提供任何幫助，除了淡入淡出/ out，滑塊和其他簡單的UI元素。Sencha Touch中的自定義動畫

人們將不得不使用CSS3動畫，對不對？我不想在我的應用中使用動畫（讓我們這樣說：http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_animation-timing-function3）。

我不想在初始加載屏幕後加載動畫，但我不知道該怎麼做。有人可以幫我解決這個問題嗎？ ELI5，因爲我是ST，CSS和HTML5的新手。

來源

2012-05-18 user1324579

好吧@ user1324579這個步驟是：

創建CSS3類
創建一個面板煎茶

在HTML標籤把類CSS

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

要只加載你經過上面的id面板的初始加載屏幕或

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

我希望這些幫助。 :)

來源

2012-05-19 04:08:36 hekomobile

大，這works..I沒有直接使用面板，但我有一個想法是什麼你建議，並以類似的方式使用它。謝謝！ – user1324579

這些是ST1創建組件的方式。現在更好地使用Ext.create –

在你發射功能，你需要定義你Ext.Anim像這樣：

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

然後你就可以在任何組件（這裏對Ext.Panel）上run這個動畫像這樣：

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

希望這有助於

來源

2012-05-19 22:53:25

嗨，謝謝你的回答..我使用了hekomobile使用CSS類的方法，並且工作正常。我也會試用ext.anim。謝謝！ – user1324579

我認爲這是更好的方法，因爲根據文檔它採取所有的CSS值，並在框架內提供 –

Sencha Touch中的自定義動畫

回答

相關問題