首页 > 其他 > 详细

Phonegap 自定义插件

时间:2017-06-26 16:40:22      阅读:339      评论:0      收藏:0      [点我收藏+]

1.创建cordova 工程

2. 在Android Studio打开

3. 在Index.html

 <button id="showToast">Show Toast</button>

4. 在Index.js中加入插件执行方法

exec(<successFunction>, <failFunction>, <service>, <action>, [<args>]);

技术分享

在onDeviceReady中加入

document.getElementById("showToast").addEventListener("click",app.showToast);

 showToast方法就是调用插件的方法

    showToast: function(){
          cordova.exec(
                        function(){},
                        function(){},
                        "Toast",
                        "show",
                        ["hello man"]);
    },

  5. 创建插件

public class MyToast  extends CordovaPlugin{
    @Override
    public boolean execute(String action, JSONArray args,
                           CallbackContext callbackContext) throws JSONException {
        if ("show".equals(action)){
            show(args, callbackContext);
        }
        return super.execute(action, args, callbackContext);
    }

    public void  show(JSONArray args, CallbackContext callbackContext){
        try {
            Toast.makeText(cordova.getActivity(),args.getString(0), Toast.LENGTH_LONG).show();
        }catch (JSONException e){
            e.printStackTrace();
        }

        callbackContext.success();
    }
}

 

继承CordovaPlugin, 并实现execute方法。 action对应exec的第四个参数

6. xml中config.xml配置

    <feature name="Toast">
        <param name="android-package" value="com.example.tostplugin.MyToast" />
    </feature>

  Toast对应exec的第三个参数, value值com.example.tostplugin.MyToast 为插件的包名。

7. 效果图

技术分享

 

  

Phonegap 自定义插件

原文:http://www.cnblogs.com/linlf03/p/7081147.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!