Как добавить образ запуска в приложение Sencha Touch 2?

Question

Руководство по iOS требует запуска образа для всех приложений. Насколько я понимаю, это файл "default.png", расположенный в корневой папке вашего приложения.
Я упаковал свое приложение, используя Sencha CMD v3, и при загрузке я не вижу изображения запуска.
Некоторые изображения запуска по умолчанию находятся в папке root/webapp/resources/loading/, но они не отображаются в моем приложении. Любая идея?

"StartupImage" кажется применимым только к приложению, добавленному на домашний экран, во всяком случае, вот часть моего 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'
}

Добавлены похожие посты:

• [2.1] Экран-заставка белого цвета при запуске на Android и iOS

Answer 1

Для запуска образа вам нужно изменить index.html в каталоге вашего приложения. Здесь вы найдете div с идентификатором appLoadingIndicator внутри тега body. В моем приложении я заменил содержимое #appLoadingIndicator тегом img, который ссылается на мое изображение-заставку.

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

Для настройки CSS вы можете удалить встроенные стили по умолчанию в index.html, присутствующем в теге style внутри тега head, который применяется к #appLoadingIndicator.

Теперь добавьте свой собственный CSS, и у вас будет готовое изображение-заставка.

Answer 2

У меня есть это в начале моего приложения - я не упаковываю это для 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 DOC:

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