Phonegap:显示HTML / Progressbar splashscreen,因为我需要下载资源

时间:2013-09-25 11:08:41

标签: javascript cordova

我在stackoverflow上阅读了一些有关使用带有加载微调器或类似内容的SplashScreens的帖子。 但它始终使用活动在Java for Android中完成。 Phonegap允许我使用FileTransfer.download下载文件。

我想展示一个带有进度条的闪屏,只要onProgress事件在javascript中触发FileTransfer.download,我就会更改。

假设我有一个简单的phonegap应用程序,它只有一个图像用于splashscreen和phonegap javascript库以使用FileTransfer.download。

我会在后台显示启动画面并加载资源(图像,html,css等)并相应地更新进度条。完成后我会关闭那个闪屏。

以HTML方式执行此操作是否有任何问题,因为对于启动画面来说加载它并不多,整个shebang将在后台加载。

无论是在iOs还是Android上,它应该可以工作还是? 这不可能吗?

1 个答案:

答案 0 :(得分:0)

1)是的,您可以使用简单CSS和HTML加载微调器。

https://codepen.io/mandelid/pen/vwKoe

相应地获取Html和CSS代码(您可能需要稍作更改)并使用Javascript或jquery相应地隐藏并显示div。

2)但是最简单的解决方案是使用SpinnerDialog phonegap插件。由于在某些情况下很难在某些屏幕上显示视图(例如:inappbrowser)

https://github.com/Paldom/SpinnerDialog.git

cordova plugin add https://github.com/Paldom/SpinnerDialog.git

然后在任何地方使用以下方法。

  • window.plugins.spinnerDialog.show
  • window.plugins.spinnerDialog.hide