使用Android的WebView控件调用本地代码

使用Android的WebView控件调用本地代码

需要读者具备一定的相关语言的编程基础。

环境搭建简述

* 打开 http://developer.android.com/  ，下载集成android SDK的 Eclipse版本

* 打开  http://www.java.com/  ， 下载最新版本对应的 JDK。注意，是JDK，不是JRE

安装完后，配置好JAVA_HOME路径，打开Eclipse，新建一个 Android Application Project ，直接运行。

如果成功，则会打开一个 Android 模拟器，显示helloworld。

如果上面步骤不成功。。。则要搞到成功为止才能进行下一步。。。

我操作的时候，Eclipse 所带 SDK 版本是 KitKat。相比以前，搭建Android开发环境简单了很多。

打开项目里面的 MainActivity.java 文件。

把下面代码拷贝进去，复盖原来的，重新编译运行一下，就能看到效果。

这是我刚调出来的，比较稳妥的做法，部分代码参考自互联网，代码细节请自行研究，拿去吧，不客气。(Android 2.1 也能通过)

package com.example.appa;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.util.Log;
import android.view.KeyEvent;
import android.view.Menu;
import android.webkit.JavascriptInterface;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity {
	private WebView webview = null;  
	   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        //setContentView(R.layout.activity_main);//可要可不要
        initWebWiew();
    }
    
    @JavascriptInterface
    private void initWebWiew() {
    	if( webview == null )
    	{
            //实例化WebView对象  
            webview = new WebView(this);  
            //设置WebView属性，能够执行Javascript脚本  
            webview.getSettings().setJavaScriptEnabled(true);  
            
            //加载第一个页面，页面不能太大
            //loadWebsite();//load外网地址
            loadLocal();//加载本地
            
            
            
            //设置Web视图  
            setContentView(webview);
    	}
    }
    
    private void loadWebsite() {
        //如果页面中链接，如果希望点击链接继续在当前browser中响应，而不是新开Android的系统browser中响应该链接，必须覆盖 webview的WebViewClient对象。
    	webview.setWebViewClient(
    			new WebViewClient(){       
                            public boolean shouldOverrideUrlLoading(WebView view, String url) {       
                                view.loadUrl(url);       
                                return true;       
                            }       
                }
    	);
    	
    	webview.loadUrl("http://www.baidu.com/");
    }
    
    private Handler mHandler = new Handler(); 
    
    @JavascriptInterface
    private void loadLocal() {
    	/*
    	 *这是老版本的写法
    	Object interfaceObject = new Object() {
    		public void onClickAndroid() {
    			mHandler.post(
    					new Runnable() {
    						public void run() {
    							webview.loadUrl("javascript:wave()");
    							
    						}
    					}
    			);
    		}
    	};
    	webview.addJavascriptInterface(interfaceObject,  "androidCallback");
    	*/
    	
    	//android 4.2, JDK1.7后新版本写法
    	webview.addJavascriptInterface(new JsObject(),  "androidCallback"); 
    	
    	//这个 onClickAndroid() 和 androidCallback 的命名，就是对应HTML里面的window.androidCallback.onClickAndroid
    	
    	webview.loadData(tp, "text/html", "utf-8");
    	
    }
    
    private class JsObject {
    	private String param;
    	
        @JavascriptInterface
		public void onClickAndroid(String p) {
        	param = p;
			mHandler.post(
					new Runnable() {
						public void run() {
							Log.d("dbg", "receive param:" + param);
							String s = param + " " + String.valueOf( Math.round( Math.random()*100 ) );
							
							/*
							try {
								s = URLEncoder.encode(s, "utf-8");
							} catch (Exception e) {
								s = "Error";
							}
							*/
							//webview.loadData(s, "text/html", "utf-8");
							webview.loadUrl("javascript:responseFromAndroid('" + s + "')");   
						}
					}
			);
		}
     }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        

        return true;
    }
    
    //如果不做任何处理，浏览网页，点击系统“Back”键，整个Browser会调用finish()而结束自身，如果希望浏览的网 页回退而不是推出浏览器，需要在当前Activity中处理并消费掉该Back事件。
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {       
        if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {       
        	webview.goBack();       
                   return true;       
        }       
        return super.onKeyDown(keyCode, event);       
    }     
    
    private static final String tp = 
    		"<font color='#FF00FF'><h1>Test</h1></font>" +
    				"name:<input type='text' id='txtName'/><br>" + 
    				"age:<input type='text' id='txtAge'/><br>" + 
    				"message:<input type='text' id='txtResult' value=''/><br>" + 
    				"<input type='button' id='btnGo' value='go' onClick='onClickA()'/>" + 
    				"<script>" + 
    				"function onClickA() {" + 
    				"  var name = document.getElementById('txtName').value;" + 
    				"  var age = document.getElementById('txtAge').value;" + 
    				"  var s = name + ',' + age;" + 
    				"  window.androidCallback.onClickAndroid(s);" + 
    				"}" +
    				"function responseFromAndroid(s) { " +
    				"document.getElementById('txtResult').value = s;" +
    				"}" +
    				"</script>";    

    
}