Geek Answers Handbook

Create screensavers in Sencha Touch for various resolutions of mobile devices

I am using sencha touch 1.1 and the application should be portable on several mobile platforms such as Android, iPhone, iPad and Blackberry. I need to have a splash screen at startup, and I use the body's background property to get a splash screen.

<body bgcolor="0000" style="background-image: url('images/background.png');"></body>

I used this code in my application:

 onReady: function() { var panel = new Ext.Panel({ fullscreen : true, html : "Start Up Screen Test" }); }

But that will not work. Please help me do this for devices with multiple resolutions and in general.

+1
source share
2 answers

This will help you understand your answers. Various images with resolutions for screens of different sizes of blackberries. http://www.sencha.com/learn/how-to-use-src-sencha-io/

+1
source

You must provide a screen for the phone / tablet screen as follows:

 Ext.regApplication('App', { icon: 'public/resources/images/Icon.png', tabletStartupScreen: 'public/resources/images/tabletImage.png', phoneStartupScreen: 'public/resources/images/phoneImage.png', glossOnIcon: true, fullscreen: true, launch: function() { } });
+1
source

More articles:


All Articles