Android与JS混编（js调用java）

项目中需要使用android与js的混编来开发app。

下面就介绍一下吧。

有时候我们需要用js调用native控件，要想实现这个功能，我们需要做的就只有三步：

1.允许webview执行js脚本

2.向js暴露方法

3.访问网页

下面是代码部分：

java：

 package com.bdyx.founder.jsnativedemo;

 import android.os.Bundle;
 import android.support.v7.app.AppCompatActivity;
 import android.webkit.JavascriptInterface;
 import android.webkit.WebView;
 import android.widget.Toast;

 public class MainActivity extends AppCompatActivity {
     private WebView webView;
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         webView = (WebView) findViewById(R.id.wv);
         setWebView();
     }
     private void setWebView(){
         //允许JavaScript执行
         webView.getSettings().setJavaScriptEnabled(true);
         //向js传递对象
         webView.addJavascriptInterface(new ShowToast(),"toastandroid");
         //不会node的小伙伴可以保存到assets
         //webView.loadUrl("file:///android_asset/index.html");
         //访问网页
         webView.loadUrl("http://192.168.253.1:8000/");
     }
      public final class ShowToast {
         //Html调用此方法传递数据，注解一定要留着否则会出错
         @JavascriptInterface
         public void show() {
             Toast.makeText(MainActivity.this,"调用",Toast.LENGTH_LONG).show();
         }
     }
 }

html：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>weifengzz</title>
    <script type="text/javascript">
        function showToast() {
            window.toastandroid.show();
        }
    </script>
</head>
<body>
<h1>本例子是点击按钮调用android代码</h1>
<input type="button" name="" value="点击调用" onclick="javascript:showToast()"/>

</body>
</html>

其实就是这么简单！

项目已经传到github上了

https://github.com/weifengzz/JSWidthAndroidNative