表示方法Sencha Touch 2でブラウザに画面を読み込む

Question

免責事項：モバイルデバイスにスタートアップ画面を作成する方法を知っています。

ブラウザからアクセスするとSencha Touch 2アプリケーションの読み込み画面を表示できますか？

「はい」の場合は、簡潔で実用的な例を挙げてください。実証実験のアプリ、Gist、ソース、あなたは知っています。

私は煎茶ドキュメントのロード画面のようなものについて話しています：

Answer 1

yourContainer.setMasked({ 
    xtype: 'loadmask', 
    message: 'Loading...' 
}); 

その後、あなたはあなたのindex.htmlに負荷インジケータを追加することができます

setTimeout(function() { 
    // code to be executed when loading 
    // Unmask the container 
    form.setMasked(false); 
}, 5000); 

Answer 2

タイマーを追加。ユーザーが何かが起こっているという即時のフィードバックを得るように、読み込みが速くなるようにしてください。アプリが起動したら場合use Sencha Cmd to generate new applicationsあなたにはこれがあなたのために行われ

// Destroy the #appLoadingIndicator element 
Ext.fly('appLoadingIndicator').destroy(); 

を呼び出したら

<div id="appLoadingIndicator"></div> 

。

また、smooth CSS3 indicatorsからインスピレーションを得てください。