如何显示启动画面答案

【问题标题】：How to display a splash screen如何显示启动画面
【发布时间】：2013-07-20 22:31:34
【问题描述】：

我有 2 个关于 Sencha 触控应用的问题；

1.) 如何添加默认加载屏幕 - 打开应用时会显示白屏。而不是这个，我想显示一些动画。

2.) 当服务器关闭时，我的应用程序无法加载，并显示为“无法打开 XXXXXXXX，因为它无法连接到服务器。”的警告框。此消息甚至在应用程序加载之前出现。我要做的是加载应用程序（显示标签栏、表格视图等），然后在警报视图中显示上述错误消息。

我认为这是因为我为所有商店添加了autoLoad:true。我该如何解决这个问题？

【问题讨论】：

标签： sencha-touch sencha-touch-2 sencha-architect

【解决方案1】：

加载屏幕的问题在于，首先您的设备会加载应用程序（白屏），然后 sencha 不得不放慢它的代码。我发现使启动画面起作用的唯一方法是使用电话间隙，即使那样它们充其量也是片状的。但是，我对您的第一个问题投了赞成票，因为我很想听听对此的任何其他意见。

对于商店加载，我想出了一个我认为相当不错的解决方案。在我的每个应用程序中，我的所有商店都从一个自定义本地商店扩展而来，该本地商店从 Ext 扩展而来。数据。店铺。该基本存储的唯一功能是 onBeforeLoad 检查连接并在没有连接时采取一些适当的操作。

如果我能更好地解释这些，请告诉我。

祝你好运，

布拉德

【讨论】：

【解决方案2】：

如果您使用的是 PhoneGap，这里有一个很好的答案：phonegap - splash screen for Android app。

但是，您还需要阅读他链接到的博客，因为这只是解决方案的一部分。您需要在应用程序加载时关闭启动画面；否则你最终会等待超时到期。在您的 app.html 中添加类似这样的内容

<$cript type="text/javascript" charset="utf-8">
    // Wait for Cordova to load
    document.addEventListener("deviceready", onDeviceReady, false);

    // Cordova is ready
    function onDeviceReady() {
        navigator.splashscreen.hide();
    }
</$cript>

【讨论】：