如何更改英特尔 XDK 中的启动画面？答案

【问题标题】：How do I change the splash screen in the Intel XDK?如何更改英特尔 XDK 中的启动画面？
【发布时间】：2013-08-21 19:48:28
【问题描述】：

我正在使用英特尔 XDK 创建一个 HTML5 应用程序，并且我想更改默认项目开发的初始屏幕。我该怎么做呢？

如果无法做到这一点，我该如何移除启动画面？

【问题讨论】：

标签： html splash-screen intel-xdk

【解决方案1】：

当您准备好构建您的应用程序时。在 Build=>Assets 选项卡

见下图：

要删除启动画面，只需注释掉以下行：

var onDeviceReady=function(){
...
//hide splash screen
//**intel.xdk.device.hideSplashScreen();**  
};

【讨论】：

【解决方案2】：

这是更新的答案，希望对您有所帮助。

【讨论】：

【解决方案3】：

当您为 ios/android...构建应用程序时，您可以为您的应用程序选择启动画面和图标，然后上传并构建。

http://appcenter.html5tools-software.intel.com/

【讨论】：

提供的链接已损坏。或者至少它不会导致任何页面包含特定于闪屏的信息。

【解决方案4】：

通过在 afui div 中创建一个 div 并将 id 设置为“splashscreen”，为您的应用添加一个启动画面。当 af.ui.launch 被调用时，它会从 DOM 中移除启动画面。

<div id="afui">
    <div id="splashscreen" class='ui-loader'>
        <img src="kitchensink/images/splash.png">
        <br><br>
        <span class='ui-icon ui-icon-loading spin'></span><h1 >Starting app</h1>
    </div>
</div>

**请记住，这只会在 $.ui.launch 完成之前可见，因此通过将 $.ui.autoLaunch 设置为 false 并稍后使用 $.ui.launch() 触发启动来显示更长的禁用自动启动.

参考：http://app-framework-software.intel.com/documentation.php#tips/tips_splashscreen

希望对您有所帮助；）

【讨论】：