Android与Javascript交互示例(三)

MainAcivity如下:

package cn.testjavascriptdialog;
import android.os.Bundle;
import android.app.Activity;
import android.app.AlertDialog;
import android.app.AlertDialog.Builder;
import android.app.Dialog;
import android.content.DialogInterface;
import android.content.DialogInterface.OnClickListener;
import android.view.LayoutInflater;
import android.view.View;
import android.webkit.JsPromptResult;
import android.webkit.JsResult;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.widget.EditText;
/**
 * Demo描述:
 * 测试Android响应Javascript的三种对话框
 * 
 * 参考资料:
 * http://www.cnblogs.com/luckjun/archive/2013/03/22/2976117.html
 */
public class MainActivity extends Activity {
	 private WebView mWebView;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		init();
	}

	private void init(){
		mWebView=(WebView) findViewById(R.id.webView);
		initWebViewSettings();
		// 为WebView设置WebChromeClient
		mWebView.setWebChromeClient(new WebChromeClientSubClass());
		//加载本地Html文件
		mWebView.loadUrl("file:///android_asset/test.html");
	}
	private void initWebViewSettings(){
		mWebView.setVerticalScrollBarEnabled(false);
		mWebView.setHorizontalScrollBarEnabled(false);
		mWebView.getSettings().setJavaScriptEnabled(true);
		mWebView.getSettings().setSupportZoom(true);
		mWebView.getSettings().setDomStorageEnabled(true);
		mWebView.getSettings().setPluginsEnabled(true);
		mWebView.requestFocus();
		mWebView.getSettings().setUseWideViewPort(true);
		mWebView.getSettings().setLoadWithOverviewMode(true);
		mWebView.getSettings().setSupportZoom(true);
		mWebView.getSettings().setBuiltInZoomControls(true);
	}

	private class WebChromeClientSubClass extends WebChromeClient{
		@Override
		public boolean onJsAlert(WebView view, String url, String message,final JsResult result) {
			Dialog alertDialog=null;
			AlertDialog.Builder builder=new Builder(MainActivity.this);
			builder.setTitle("Javascript的alert对话框");
			builder.setMessage(message);
			builder.setNegativeButton("OK", new OnClickListener() {
				@Override
				public void onClick(DialogInterface arg0, int arg1) {
					System.out.println("现在显示的是Javascript的alert对话框");
					//注意:
					//必须要这一句代码:result.confirm()表示:
					//处理结果为确定状态同时唤醒WebCore线程 
					//否则不能继续点击按钮
					result.confirm();
				}
			});
			alertDialog=builder.create();
			alertDialog.show();
			return true;
		}
		@Override
		public boolean onJsConfirm(WebView view, String url, String message,final JsResult result) {
			Dialog confirmDialog=null;
			AlertDialog.Builder builder=new Builder(MainActivity.this);
			builder.setTitle("Javascript的confirm对话框");
			builder.setMessage(message);
			builder.setPositiveButton("OK", new OnClickListener() {
				@Override
				public void onClick(DialogInterface arg0, int arg1) {
					System.out.println("现在点击的是Javascript的confirm对话框的OK");
					//处理结果为确定状态同时唤醒WebCore线程 
					result.confirm();
				}
			});
			builder.setNegativeButton("NO", new OnClickListener() {
				@Override
				public void onClick(DialogInterface arg0, int arg1) {
					System.out.println("现在点击的是Javascript的confirm对话框的NO");
					//处理结果为取消状态同时唤醒WebCore线程 
					result.cancel();
				}
			});
			confirmDialog=builder.create();
			confirmDialog.show();
			return true;
		}
		@Override
		public boolean onJsPrompt(WebView view, String url, String message,String defaultValue, final JsPromptResult result) {
			 LayoutInflater inflater = getLayoutInflater(); 
             View promptView = inflater.inflate(R.layout.prompt, null); 
             final EditText nameEditText = (EditText) promptView.findViewById(R.id.nameEditText); 
             nameEditText.setHint("请输入您的名字"); 
               
            Dialog promptDialog=null;
 			AlertDialog.Builder builder=new Builder(MainActivity.this);
 			builder.setView(promptView);
 			builder.setTitle("Javascript的prompt对话框");
 			builder.setPositiveButton("OK", new OnClickListener() {
 				@Override
 				public void onClick(DialogInterface arg0, int arg1) {
 					System.out.println("现在点击的是Javascript的prompt对话框的OK");
 					//处理结果为取消状态且唤醒WebCore线程 
 					//同时弹出alert对话框提示用户
 					result.confirm(nameEditText.getText().toString());
 				}
 			});
 			builder.setNegativeButton("NO", new OnClickListener() {
 				@Override
 				public void onClick(DialogInterface arg0, int arg1) {
 					System.out.println("现在点击的是Javascript的prompt对话框的NO");
 					//处理结果为取消状态同时唤醒WebCore线程 
 					result.cancel();
 				}
 			});
 			promptDialog=builder.create();
 			promptDialog.show();
            return true; 
		}
	}
}

main.xml如下:

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="测试Android响应Javascript的三种对话框"
        android:layout_centerHorizontal="true"
     />
    <WebView 
        android:id="@+id/webView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_below="@id/textView"
        />

</RelativeLayout>

prompt.xml如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <EditText
        android:id="@+id/nameEditText"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
     />

</LinearLayout>

test.html如下:

        <html> 
    <head> 
        <script type="text/javascript"> 
            function doAlert() { 
                alert("hello!"); 
            } 
       
            function doConfirm() { 
                confirm("are you sure?"); 
            } 
       
            function doPrompt() { 
                var val = prompt("what's your name?"); 
                if (val) { 
                    alert("your name is:" + val); 
                } 
            } 
       
           
       
            function success(msg) { 
                alert(msg); 
            } 
        </script> 
    </head> 
    <body background="black"> 
        <br>
        <br>
        <input type="button" value="alert" onclick="doAlert()"/><br/> 
        <br>
        <br>
        <input type="button" value="confirm" onclick="doConfirm()"/><br/> 
        <br>
        <br>
        <input type="button" value="prompt" onclick="doPrompt()"/><br/> 
        <br>
        <br>
        
        <div id="result"></div> 
    </body> 
</html>