Introduction
This plugin displays the progress dialog, on Android phone.
Screenshots
▲ SPINNER Style
▲ HORIZONTAL Style
Installation
1. Add the cordova-plugin-pdialog on Intel XDK.
2. Next, Edit an index.html file in your Game Directory using Text Editor such as Notepad++.
Replace the contents of www/index.html with the following code.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="viewport" content="user-scalable=no"> <link rel="icon" href="icon/icon.png" type="image/png"> <link rel="apple-touch-icon" href="icon/icon.png"> <link rel="stylesheet" type="text/css" href="fonts/gamefont.css"> <title>Spica</title> </head> <body style="background-color: black"> <script type="text/javascript" src="cordova.js"></script> <script type="text/javascript" src="js/libs/pixi.js"></script> <script type="text/javascript" src="js/libs/fpsmeter.js"></script> <script type="text/javascript" src="js/libs/lz-string.js"></script> <script type="text/javascript" src="js/rpg_core.js"></script> <script type="text/javascript" src="js/rpg_managers.js"></script> <script type="text/javascript" src="js/rpg_objects.js"></script> <script type="text/javascript" src="js/rpg_scenes.js"></script> <script type="text/javascript" src="js/rpg_sprites.js"></script> <script type="text/javascript" src="js/rpg_windows.js"></script> <script type="text/javascript" src="js/plugins.js"></script> <script type="text/javascript" src="js/main.js"></script> </body> </html> | cs |
3. Adding a Plugin to your Project
Download the plugin and place it in the folder called your_project_directory/js/plugins, And then in Plugin Manager, Select the RS_AndroidProgressBar plugin and add it.
Sample Code
Cordova Plugin PDialog Github : https://github.com/pwlin/cordova-plugin-pdialog
Progress Dialog Reference : http://developer.android.com/reference/android/app/ProgressDialog.html
1. Progress Initialize
* - theme {String} : TRADITIONAL, DEVICE_DARK, DEVICE_LIGHT (default), HOLO_DARK, HOLO_LIGHT
* - progressStyle {String} : SPINNER (default), HORIZONTAL
* - cancelable {Boolean} : true (default) or false
* - title {String} : title of the progress dialog (defaults to empty)
* - message {String} : contents of the progress dialog (defaults to empty)
1 2 3 4 5 6 7 | cordova.plugin.pDialog.init({ theme : 'HOLO_DARK', progressStyle : 'HORIZONTAL', cancelable : true, title : 'Please Wait...', message : 'Contacting server ...' }).setProgress(25); | cs |
Change Log
2016.04.14 (v1.0.0) - First Release
Plugin
This plugin does not provide plugin commands
Author & License
pwlin05, MIT