組件的動畫

我知道在Ext JS 4.0中有一個Ext.Fx.Anim，它在Ext JS 3.4中不存在。只是想知道在Ext JS 3.4中是否有任何解決方法可以爲組件獲得一些基本的（如緩動）動畫。組件的動畫

2012-01-16 Aswin Ramakrishnan

我假設你想要做一個不在託管佈局的組件。如果這是真的，你可以通過調用Ext.Component.getEl()

var panel = new Ext.Panel({html: 'My content'}); 
// Or any method defined in http://docs.sencha.com/ext-js/3-4/#!/api/Ext.Fx 
panel.getEl().slideIn();

來源

2012-01-16 05:14:32

因此，如果我想在工具欄中滑動鼠標時將鼠標懸停在容器上，請執行我需要手動注入html？ – 2012-01-17 22:33:27

不確定你的意思。我沒有說任何關於手動注入HTML的內容。如果您想要一個工具欄滑入，您可以創建工具欄並將其呈現給主體，然後調用toolbar.getEl（）。slideIn（）。現在，如果您希望將其添加到佈局中，您必須具有創意;也就是說，在完成幻燈片後，您需要將其附加到其父容器中。 – 2012-01-18 02:27:10

在3.4動態顯示包裝內容的Ext.Element，你有Ext.Fx類，它由框架應用，自動到Ext.Element的。所以，默認情況下，每個元素都有動畫支持。這樣，您在Ext.Fx中看到的方法也可以在您的元素上使用，例如 - highlight，fadeIn，slideIn等。

來源

2012-01-16 11:19:24

Interestintg！不知道.. – 2012-01-17 22:31:26

這裏缺少兩件事：你不能只動畫組件，你必須調用'Ext.Component.getEl（）'併爲其設置動畫。其次，如果你的組件是一個佈局的一部分，Component的位置大小由LayoutManager處理，因此，你需要非常小心地處理一些不受你控制的東西。但是，嘿，試試看，我希望它能奏效。 – 2012-01-18 22:44:53

回答

相關問題