1

Sencha Touch 2でカスタムアニメーションを使用できるかどうか疑問に思いました。宿題を正しく行った場合、Sencha Touchはデフォルトで、フェードイン/アウト、スライダー、その他のシンプルなUI以外のアニメーションのヘルプを提供しません。要素。

アニメーションにはCSS3を使用する必要がありますよね？アプリでアニメーション（たとえば、 http：//www.w3schools.com/cssref/tryit.asp？filename = trycss3_animation-timing-function3）を使用したくありません。

最初のロード画面の直後にアニメーションをロードしたくないのですが、その方法がわかりません。誰かがコードを手伝ってくれますか？ST、CSS、HTML5は初めてなので、ELI5をお願いします。

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

OK@user1324579この手順は次のとおりです。

  1. CSS3クラスを作成する
  2. 1つのパネル煎茶を作成します

  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 に答える