PhoneGap添加Toast插件

phonegap 2.6.0 +eclipse

 

 

一.第一步
ToastPlugin.java
代码：
package org.apache.cordova;

import org.apache.cordova.api.CallbackContext;
import org.apache.cordova.api.CordovaInterface;
import org.apache.cordova.api.CordovaPlugin;
import org.json.JSONArray;
import org.json.JSONException;

import android.util.Log;
import android.widget.Toast;

public class ToastPlugin extends CordovaPlugin {
    public static String TOAST = "toast";

    public boolean execute(String action, JSONArray data,
            CallbackContext callbackContext) throws JSONException {
        if (TOAST.equals(action)) {
            Log.i(TOAST, "message:"+data.getString(0)+",length:"+data.getInt(1));
            toast(data.getString(0), data.getInt(1), callbackContext);
        }
        return false;
    }

    public synchronized void toast(final String message, final int length,
            CallbackContext callbackContext) {
        final CordovaInterface cordova = this.cordova;
        Runnable runnable = new Runnable() {
            public void run() {
                Toast.makeText(cordova.getActivity(), message,length).show();
            }
        };
         this.cordova.getActivity().runOnUiThread(runnable);
    }
}
//注意包名

二.

注册插件 在文件res/xml/config.xml(以前版本为plugins.xml)加上 如图：

 

三.编写JS代码
phonegap-toast.js
代码：
var toast = function(){};
toast.prototype = {
        ShowToast:function(content,length){
            return cordova.exec(null, null,"ToastPlugin","toast",[content,length]);
        }
};

cordova.addConstructor(function(){
    if (!window.plugins) {
        window.plugins = {};
    }
    window.plugins.ToastPlugin = new toast();
 
});

 

四.接下来在你的js代码中把上面的phonegap-toast.js引用就可以使用Android的toast控件了
使用方法：
window.plugins.ToastPlugin.ShowToast('通讯录',3000);
                                        //第一个参数为显示的内容，第二个参数是显示的时间，单位ms

效果图：