1

私はやや小さなアプリケーションを作成しましたが、IOS および Android デバイスでの実行が非常に遅く、デバイスが GUI をレンダリングするのに時間がかかるようです。

起動時に必要なすべてのコンポーネントが必要であることを確認しました。私のアプリケーションは 5 つのタブ パネルで構成され、それぞれに複数のパネルを持つナビゲーション ビューが含まれています。ナビゲーション ビューの autoDestroy プロパティを true に設定しました。

私は sencha 2.0.0.0 と 2.0.1.1 と phone gap cordova 1.7.0 , cordova 1.8.0 を使いました

助言がありますか?

4

1 に答える 1

5

起動時に必要なすべてのコンポーネントが必要であることを確認しました

このため、アプリケーションの起動が遅くなります。主な理由は、起動時にすべての要素が DOM ツリーに追加されるためです (Chrome のデバッガ ツールでアプリケーションの DOM ツリーを調べて確認できます)。

アプリケーションの応答性を最適化するためのベスト プラクティスについては、どこかで説明されています。その 1 つを次に示します。

PhoneGap 1.4 ラッピング Sencha Touch 2.X - パフォーマンスはどうですか?

あなたの状況では、実装するより良い方法は次のとおりです。

  1. Ext.TabBarアプリケーションをと の2 つのメイン ビューに分割します。Ext.Container
  2. ユーザーがタブから別のタブに変更した場合は、TabBar のクリックの変化をリッスンし、メイン コンテナーのビューを削除して、適切なビューを追加します。これにより、アプリケーションに常に 2 つのビューのみが含まれるようになります。

それが役に立てば幸い。

于 2012-06-30T18:51:00.380 に答える