Question

我正在尝试制作一个电池应用，将电池电量从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);
}

Answer 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”中，我将我的app类初始化为：

<script type="text/javascript">
    app.initialize();
</script>

Answer 2

您可以尝试cordova-jquerymobile-boilerplate。你应该用样板开始工作，它会让你快速安全。

Answer 3

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

PhoneGap Splash Screen API Doc

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

Splash Screens in PhoneGap

现在应该发生什么是PhoneGap将加载，然后您的初始屏幕将完整显示。希望这可以解决您的问题!!

应用程序完全加载时的Phonegap

3 个答案: