1

我正在尝试制作一个电池应用程序，将电池电量从 0% 动画到当前水平作为带有 Jquery 的动画。

它正在工作，但是..当我的应用程序加载时，在初始屏幕完成并且cordova也加载后，动画几乎完成了。我知道这一点的唯一原因是因为我将动画设置为 5 秒。

我想让它在加载应用程序时开始动画。

我不确定我所指的这个“状态”是否有一个直接的事件名称左右。因此，如果我无法用真实的话来描述它，我很抱歉。:-)

考虑以下代码：

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {
    window.addEventListener("batterystatus", onBatteryStatus, false);
}

function onBatteryStatus(info) {
  $("div#status").animate({ width: bat + "%" }, 5000);
}
4

3 回答 3

1

从我所看到的来看，您似乎正朝着正确的方向前进。以下是我的基本 Cordova 项目是如何设置的。

Javascript

var app = {
// Application Constructor
initialize: function() {
    this.bindEvents();
},
// Bind Event Listeners
//
// Bind any events that are required on startup. Common events are:
// `load`, `deviceready`, `offline`, and `online`.
bindEvents: function() {
    document.addEventListener('deviceready', this.onDeviceReady, false);
},
// deviceready Event Handler
//
// The scope of `this` is the event. In order to call the `receivedEvent`
// function, we must explicity call `app.receivedEvent(...);`
onDeviceReady: function() {
    // Get battery status HERE
}
};

然后在我的“index.html”中初始化我的应用程序类，如下所示：

<script type="text/javascript">
    app.initialize();
</script>
于 2013-03-12T13:40:21.537 回答
1

您可以尝试cordova-jquerymobile-boilerplate。你应该从一个样板开始你的工作，它会让你走得又快又安全。

于 2013-03-12T14:02:27.957 回答
1

您可能需要考虑使用 PhoneGap Splashscreen 功能：

PhoneGap 闪屏 API 文档

您应该在 Java 方面调用您的启动画面 (DroidGap)，并让 PhoneGap 在显示启动画面时在后台完成它自己的工作。包含相关代码的这篇博文应该可以帮助您解决问题：

PhoneGap 中的启动画面

现在应该发生的是 PhoneGap 将加载，然后您的启动屏幕将完整显示。希望这能解决您的问题！

于 2013-03-12T16:49:11.770 回答