在Sencha Touch中为不同的移动设备分辨率创建闪屏

时间:2011-11-04 11:07:06

标签: html css sencha-touch stylesheet sencha-touch-2

我正在使用sencha touch 1.1,该应用程序必须可以在多个移动平台上移植,如Android,iPhone,iPad和黑莓。我需要在启动时使用启动画面,并且我使用body background属性来完成启动画面。

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

我在我的应用中使用了这段代码:

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

但它不起作用。请帮助我为具有多种分辨率和通用方式的设备执行此操作。

2 个答案:

答案 0 :(得分:1)

您必须以这种方式为手机/平板电脑提供启动画面:

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 :(得分:1)

这将帮助您了解您的答案。不同的图像与黑莓不同大小屏幕的分辨率。 http://www.sencha.com/learn/how-to-use-src-sencha-io/