¿Cómo agregar una image de lanzamiento a una aplicación Sencha Touch 2?

La guía de iOS requiere una image de inicio para todas las aplicaciones. A mi entender, ese es un file "default.png" ubicado en la carpeta raíz de su aplicación.
Empaqué mi aplicación con Sencha CMD v3 y no veo ninguna image de lanzamiento mientras se carga.
Hay algunas imágenes de inicio pnetworkingeterminadas ubicadas en root / webapp / resources / loading / folder pero no se muestran en mi aplicación. ¿Alguna idea?

La "image de inicio" solo parece ser aplicable a la aplicación agregada a la pantalla de inicio, de todos modos, aquí hay una parte de mi app.js:

startupImage: { '320x460': 'resources/startup/320x460.jpg', '640x920': 'resources/startup/640x920.png', '768x1004': 'resources/startup/768x1004.png', '748x1024': 'resources/startup/748x1024.png', '1536x2008': 'resources/startup/1536x2008.png', '1496x2048': 'resources/startup/1496x2048.png' } 

Se agregaron publicaciones relacionadas:

  • [2.1] La pantalla de bienvenida es blanca al iniciarse en Android e iOS

Tengo esto al comienzo de mi request: no lo empaquetado para iOS, pero parece ser lo que necesitas:

 Ext.require([ 'Ext.XTemplate', 'Ext.Panel', 'Ext.Button', 'Ext.List' ]); // Main application entry point Ext.application({ phoneStartupScreen: 'images/sencha_logo.png', name: 'Analytics', // setup our MVC items 

Aquí hay un enlace muy útil al api doc sobre esto:

http://docs.sencha.com/touch/2-0/#!/api/Ext.app.Application-cfg-phoneStartupScreen

Para la image de lanzamiento, debe modificar el índice.html en su directory de aplicaciones. Aquí encontrarás un div con id appLoadingIndicator dentro de la label body . En mi aplicación, he reemplazado el contenido de #appLoadingIndicator con una label img que se refiere a mi image splash.

 <div id="appLoadingIndicator"> <img src="resourceshttp://iosberry.comsplash.png" /> </div> 

Para personalizar el CSS, es posible que desee eliminar los styles embeddeds pnetworkingeterminados en index.html presente en la label de estilo dentro de la label principal que se aplican a #appLoadingIndicator .

Ahora agregue su css personalizado y tendrá preparada su image de bienvenida.