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] Splash screen is white on startup on Android and iOS

Answer 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 doc的一个方便花花公子的链接：

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

Answer 2

对于启动图片，您需要修改应用目录中的 index.html 。在这里，您会在 body 标记内找到ID为 appLoadingIndicator 的div。在我的应用程序中，我已将#appLoadingIndicator的内容替换为img标记，该标记引用了我的初始图像。

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

要自定义css，您可能需要删除head标记内的样式标记中存在的 index.html 中的默认嵌入样式，这些样式应用于 #appLoadingIndicator 。 / p>

现在添加您的自定义css，您就可以准备好你的启动画面了。

如何将启动图像添加到Sencha Touch 2应用程序？

2 个答案: