コンポーネントのアニメーション

Ext JS 4.0にExt.Fx.Animがあり、Ext JS 3.4にはありません。 Ext JS 3.4でのコンポーネントの基本的なアニメーションを得るための回避策があるかどうかを知りたかっただけです。コンポーネントのアニメーション

出典

2012-01-16 Aswin Ramakrishnan

私はあなたが管理されたレイアウトにないコンポーネントのためにそれをしたいと思っています。それが本当であるならば、あなたは3.4で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を注入する必要がありますか？ –

あなたは何を意味するのか分かりません。私は手動でHTMLを注入することについて何も言わなかった。ツールバーをスライドインする場合は、ツールバーを作成して本体にレンダリングした後、toolbar.getEl（）。slideIn（）を呼び出します。レイアウトに追加するには、クリエイティブにする必要があります。つまり、スライドを完了した後に親コンテナに追加する必要があります。 –

を呼び出すことによって、あなたのコンテンツをラップExt.Elementをアニメーション化することができます、あなたはExt.Elementとしてに、フレームワークによって自動的に適用され、Ext.Fxクラスを、持っています。したがって、すべての要素にはデフォルトでアニメーションがサポートされています。これで、Ext.Fxで表示されるメソッドは、ハイライト、フェードイン、スライドインなどの要素でも利用できます。

出典

2012-01-16 11:19:24

Interestintg！ .. –

ここでは2つの欠点があります：単にコンポーネントをアニメーション化することはできません。あなたは 'Ext.Component.getEl（）'を呼び出してアニメーション化する必要があります。第2に、コンポーネントがレイアウトの一部である場合、Componentの位置決めサイジングはLayoutManagerによって処理されるため、コントロールしていないものにアニメーションを適用する場合は非常に注意する必要があります。しかし、ねえ、それを試して、私はそれが動作することを願っています。 –

コンポーネントのアニメーション

答えて

関連する問題