码迷,mamicode.com
首页 > 移动开发 > 详细

Crosswalk+Cordova开发安卓app之 JavaScript调用java (附源代码下载)

时间:2015-01-29 09:38:06      阅读:376      评论:0      收藏:0      [点我收藏+]

标签:crosswalk   cordova   javascript调用java   

 Crosswalk+Cordova开发安卓app之 JavaScript调用java (附源代码下载)


  1. 定义js回调接口

    /**
    	 * js回调接口
    	 * 
    	 * @author graceup
    	 * 
    	 */
    	public class JsInterface {
    		public JsInterface() {
    		}
    
    		@JavascriptInterface
    		public String sayHello() {
    			// TODO do more thing
    			return "Hello World!";
    		}
    	}

           备注:这里的 @JavaScriptInterface 所在的包是 import org.xwalk.core.JavascriptInterface;

  2. XWalkView设置JavaScript可用且绑定对象     

    setContentView(R.layout.activity_main);
    		mXWalkView = (XWalkView) findViewById(R.id.activity_main);
    		
    		//绑定
    		mXWalkView.addJavascriptInterface(new JsInterface(), "NativeInterface");
    
    		mXWalkView.load("file:///android_asset/www/index.html", null);

  3. 调用html执行JavaScript或直接执行Javascript调用Java

    mXWalkView.load("file:///android_asset/www/index.html", null);

    index.html源码:

    <button onclick="clicked()">button</button>
    <script>
    function clicked() {
      alert(NativeInterface.sayHello());
    }
    </script>

下载地址:http://download.csdn.net/detail/graceup/8405123



Crosswalk+Cordova开发安卓app之 JavaScript调用java (附源代码下载)

标签:crosswalk   cordova   javascript调用java   

原文地址:http://blog.csdn.net/graceup/article/details/43235105

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!