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


Github Law


Author & License

pwlin05, MIT