Geek Answers Handbook

How to add launcher image to Sencha Touch 2 app?

The iOS manual requires a launch image for all applications. As far as I understand, this is the file "default.png" located in the root folder of your application.
I packaged my application using Sencha CMD v3, and when I download it, I do not see the launch image.
There are some default startup images located in the root / webapp / resources / load / folder, but they do not appear in my application. Any idea?

"startupImage" seems to only apply to an application added to the main screen, anyway, here is part of my 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' }

Related posts added:

+4
source share
2 answers

I have this at the beginning of my application - I do not compile it for iOS, but it looks like what you might need:

 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

Here is a handy link to the api doc:

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

+1
source

To run the image you need to change index.html in the application directory. Here you will find the div with id appLoadingIndicator inside the body tag. In my application, I replaced the contents of #appLoadingIndicator with an img tag that refers to my splash image.

 <div id="appLoadingIndicator"> <img src="resources/images/splash.png" /> </div>

To configure css, you can remove the default inline styles in index.html in the style tag inside the title tag that apply to #appLoadingIndicator .

Now add your custom css and you will have a ready-made splash image.

+1
source

More articles:


All Articles