j s与android原生的通信

使用Creater打包的安卓原生应用，可以通过反射机制直接在JavaScript中调用Java的静态方法。使用方法如下：

var o = jsb.reflection.callStaticMethod(className, methodName, methodSignature, parameters...)

className:java的类名

methodName:方法名字

methodSingnature:方法签名

parameters:参数

Cocos Creater中支持的java类型签名有下面4中：

一、Js调用java方法

使用示例一

在org.cocos2dx.javascript.AppActivity.java中定义一下方法

public static String jsCallNative(int value,float value2,boolean value3,String value4) {return value + "--" + value2 + "--" + value3 + "--" + value4;
}

在j s方法中如下处理：

    //调用原生有参数方法，并且参数类型只能时int,float,boolean,StringonParmasBtnClicked() {if(cc.sys.os === cc.sys.OS_ANDROID) {let className = "org/cocos2dx/javascript/AppActivity";let methodName = "jsCallNative";let methodSiglture = "(IFZLjava/lang/String;)Ljava/lang/String;";var result = jsb.reflection.callStaticMethod(className,methodName,methodSiglture,2020,10,false,"this value from js.");// cc.log(result);}else {cc.log("other platform.")}},

另外有一点需要注意，在Android应用中，Cocos引擎的渲染和Js的逻辑是在GL线程中进行的，而Android本身的UI更新是在App的UI线程中进行的，所以Js中调用的Java方法有刷新UI的操作，都需要在UI线程中进行。

示例：

在o rg.cocos2dx.javascript.AppActivity.java中定义一下方法

    public static void jsCallNative() {mApp.runOnUiThread(new Runnable() {@Overridepublic void run() {Toast.makeText(mApp,"js call android native method",Toast.LENGTH_SHORT).show();}});}

mApp时Activity的引用

public class AppActivity extends Cocos2dxActivity {private static AppActivity mApp = null;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);mApp = this;//....}
}

Js中调用以上方法：

    onClick() {if(cc.sys.os === cc.sys.OS_ANDROID) {let className = "org/cocos2dx/javascript/AppActivity";let methodName = "jsCallNative";let methodSiglture = "()V";//调用原生无参数方法jsb.reflection.callStaticMethod(className,methodName,methodSiglture)} else {cc.log("other platfrom");}},

二、java调用Js方法

在o rg.cocos2dx.javascript.AppActivity.java中定义如下方法。

 public static void showAlertDialog(final String title, final String msg) {mApp.runOnUiThread(new Runnable() {@Overridepublic void run() {AlertDialog dialog = new AlertDialog.Builder(mApp).create();dialog.setTitle(title);dialog.setMessage(msg);dialog.setButton("OK", new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) {mApp.runOnGLThread(new Runnable() {@Overridepublic void run() {//方法1
//                                Cocos2dxJavascriptJavaBridge.evalString("cc.log(\"Javascript Java bridge!\")");//方法2，安卓原生调用cocosCreater中的 自定义方法Cocos2dxJavascriptJavaBridge.evalString("cc.reveiveNative()");}});}});dialog.show();}});}

在j s中定义相应的方法：

//原生调用js 的方法。
cc.reveiveNative = function() {//TODO功能实现
}

参考文章：

https://docs.cocos.com/creator/manual/zh/advanced-topics/java-reflection.html
https://docs.cocos.com/creator/manual/zh/advanced-topics/oc-reflection.html

CocosCreater js与原生通信相关推荐

Vue.js 父子组件通信的十种方式；告诉世界前端也能做 AI；你可能不知道的14个JavaScript调试技巧...
记得点击文章末尾的"阅读原文"查看哟~ 下面先一起看下本周的摘要吧~ 想了解老用户如何参与阿里云双十一1折拼团特惠主机的,可以看第二条推送,文中提供了两种方法~,一起看看本周有哪些 ...
Flutter与原生通信
-- Flutter作为一个跨平台框架,一经问世,便受到众多开发的追捧,发展至今相信已经有很多公司或个人将其加入自己的项目,进行混合开发,那么FLutter如何与原生通信呢? -- 本次就以Andro ...
Hybrid APP 混合开发模式的选择之路（六：JSBridge---Native代码与JS代码的通信桥梁）
原文出处:http://www.cnblogs.com/dailc/p/5931324.html JSBridge是Native代码与JS代码的通信桥梁.目前的一种统一方案是:H5触发url sche ...
iOS下JS与原生OC互相调用
iOS开发免不了要与UIWebView打交道,然后就要涉及到JS与原生OC交互,今天总结一下JS与原生OC交互的两种方式. JS调用原生OC篇方式一第一种方式是用JS发起一个假的URL请求,然后利 ...
在js对象上绑定js数组原生方法
在js对象上绑定js数组原生方法在js对象上绑定数组方法会给当前对象添加一个lenght:0属性例: var o = {}; [].pop.call(o) console.log(o)//返回结果 ...
qt百度地图html,Qt的QWebChannel和JS、HTML通信/交互驱动百度地图
Qt的QWebChannel和JS.HTML通信/交互驱动百度地图 0 前言我一个研究嵌入式的,不知道怎么就迷上了上位机,接了几个项目都是关于Qt,这个项目还是比较经典的,自己没事儿的时候也进行研究 ...
android 原生调用js，js调用原生
原生调用js方法,带参数 activityBaseWebAddWebView.loadUrl("javascript:changeColor('" + viewColor + &q ...
vue js 和原生app调用回调方法问题
vue js 和原生app调用回调方法问题 import Vue from 'vue' export default { name: 'list', components: { }, data: () ...
iOS下JS和原生交互，函数互调
现在越来越多的APP都是H5和原生混合开发,这样确实方便快捷,但是H5的部分总避免不了很多与原生的交互,原生调JS函数还比较简单,原生的API函数stringByEvaluatingJavaScrip ...

CocosCreater js与原生通信

j s与android原生的通信

一、Js调用java方法

二、java调用Js方法

CocosCreater js与原生通信相关推荐

最新文章

热门文章