2013-02-04 43 views
4

iOS準則要求所有應用的啓動圖像。據我瞭解,這是一個位於應用程序根目錄下的「default.png」文件。
我使用Sencha CMD v3打包了我的應用程序,加載時看不到任何啓動圖像。
位於root/webapp/resources/loading /文件夾中的某些默認啓動映像不顯示在我的應用程序中。任何想法?如何將啓動圖像添加到Sencha Touch 2應用程序?

"startupImage"似乎只appliable的應用添加到主屏幕,反正這是我的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' 
} 

添加相關文章:

+0

此啓動圖像是ONY當它作爲一個網站託管,我想在Android上添加啓動圖像,然後你必須使用啓動屏幕爲Android。 – 1Mayur

+0

我一直在使用'phoneStartupScreen'和'tabletStartupScreen'屬性,它們肯定有效。我需要找出一個替代方案,但因爲這不會幫助iPhone 5 ... –

回答

1

我在我的應用程序開始時有這個 - 我不打包它的iOS,但這看起來像你可能需要:

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 

這裏是一個方便,花花公子鏈接到API文檔在此:

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

1

對於啓動圖像您需要修改的index.html在您的應用程序目錄。在這裏你會發現一個ID爲的應用程序加載指示器裏面身體標記。在我的應用程序中,我用一個指向我的閃屏圖像的img標籤替換了#appLoadingIndicator的內容。

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

有關自定義的CSS您可能需要刪除默認的內置樣式的index.html存在於應用到#appLoadingIndicator head標籤裏面的風格標籤。

現在添加您的自定義CSS,你將有你的飛濺圖像準備好。

+0

經過測試,我發現在Android手機中看不到閃屏。所以在app.js中添加了phoneStartupScreen:變量,它工作正常。按照網址:http://docs.sencha.com/touch/2-0/#!/api/Ext.app.Application-cfg-phoneStartupScreen瞭解更多詳情。 – Bimal

相關問題