Android-----js和android的互调

 
http://code.google.com/p/apps-for-android/source/browse/trunk/Samples/WebViewDemo/

我对其进行了修改,并加了简单的注释,这个例子的不仅是对js的操作,它还对android浏览器做了简单的介绍, 
这些我会在注释中一一讲解。

Javascript弹出框有如下三种:

  1. alert();
  2. window.confirm("Are you srue?");
  3. window.prompt("Please input some word";,"this is text");

WebChromeClient 中对三种dialog进行了捕捉,但不幸的是,并没有回调函数可以使用, 
或者说不能获得用户是点击“OK”还是“CANCEL”的操作结果。 
个人以为,这些方法的设置是为了对一些涉及到html操作的应用程序进行测试时使用的。 
在WebChromeClient中还有以下的方法:

  1. onProgressChanged(WebView view, int newProgress);
  2. onReceivedIcon(WebView view, Bitmap icon);
  3. onReceivedTitle(WebView view, String title);
  4. onRequestFocus(WebView view);
  5. onCloseWindow(WebView window);
  6. onProgressChanged(WebView view, int newProgress)

这些方法的使用我会在以后的博文中讲到. 
请大家先看今天讲解的重点

  1. public class WebViewDemo extends Activity {
  2. private static final String LOG_TAG = "WebViewDemo";
  3. private WebView mWebView;
  4. private TextView mReusultText ;
  5. private Handler mHandler = new Handler();
  6. @Override
  7. public void onCreate(Bundle icicle) {
  8. super.onCreate(icicle);
  9. setContentView(R.layout.main);
  10. //获得浏览器组件
  11. //WebView就是一个简单的浏览器
  12. //android浏览器源码存在于LINUX\android\package\apps\Browser中
  13. //里面的所有操作都是围绕WebView来展开的
  14. mWebView = (WebView) findViewById(R.id.webview);
  15. mReusultText = (TextView) findViewById(R.id.resultText);
  16. //WebSettings 几乎浏览器的所有设置都在该类中进行
  17. WebSettings webSettings = mWebView.getSettings();
  18. webSettings.setSavePassword(false);
  19. webSettings.setSaveFormData(false);
  20. webSettings.setJavaScriptEnabled(true);
  21. webSettings.setSupportZoom(false);
  22. mWebView.setWebChromeClient(new MyWebChromeClient());
  23. /*
  24. * DemoJavaScriptInterface类为js调用android服务器端提供接口
  25. * android 作为DemoJavaScriptInterface类的客户端接口被js调用
  26. * 调用的具体方法在DemoJavaScriptInterface中定义:
  27. * 例如该实例中的clickOnAndroid
  28. */
  29. mWebView.addJavascriptInterface(new DemoJavaScriptInterface(),"androd");
  30. mWebView.loadUrl("file:///android_asset/page.html");
  31. }
  32. final class DemoJavaScriptInterface {
  33. DemoJavaScriptInterface() {}
  34. /**
  35. * 该方法被浏览器端调用
  36. */
  37. public void clickOnAndroid() {
  38. mHandler.post(new Runnable() {
  39. public void run() {
  40. //调用js中的onJsAndroid方法
  41. mWebView.loadUrl("javascript:onJsAndroid()");
  42. }
  43. });
  44. }
  45. }
  46. /**
  47. * 继承WebChromeClient类
  48. * 对js弹出框时间进行处理
  49. *
  50. */
  51. final class MyWebChromeClient extends WebChromeClient {
  52. /**
  53. * 处理alert弹出框
  54. */
  55. @Override
  56. public boolean onJsAlert(WebView view,String url,
  57. String message,JsResult result) {
  58. Log.d(LOG_TAG,"onJsAlert:"+message");
  59. mReusultText.setText("Alert:"+message);
  60. //对alert的简单封装
  61. new AlertDialog.Builder(WebViewDemo.this).
  62. setTitle("Alert").setMessage(message).setPositiveButton("OK",
  63. new DialogInterface.OnClickListener() {
  64. @Override
  65. public void onClick(DialogInterface arg0, int arg1) {
  66. //TODO
  67. }
  68. }).create().show();
  69. result.confirm();
  70. return true;
  71. }
  72. /**
  73. * 处理confirm弹出框
  74. */
  75. @Override
  76. public boolean onJsConfirm(WebView view, String url, String message,
  77. JsResult result) {
  78. Log.d(LOG_TAG, "onJsConfirm:"+message);
  79. mReusultText.setText("Confirm:"+message);
  80. result.confirm();
  81. return super.onJsConfirm(view, url, message, result);
  82. }
  83. /**
  84. * 处理prompt弹出框
  85. */
  86. @Override
  87. public boolean onJsPrompt(WebView view, String url, String message,
  88. String defaultValue, JsPromptResult result) {
  89. Log.d(LOG_TAG,"onJsPrompt:"+message);
  90. mReusultText.setText("Prompt input is :"+message);
  91. result.confirm();
  92. return super.onJsPrompt(view, url, message, message, result);
  93. }
  94. }
  95. }
 
分类: Android
 
好文要顶 关注我 收藏该文 Android-----js和android的互调-LMLPHP Android-----js和android的互调-LMLPHP
4
0
 
(请您对文章做出评价)
 
04-28 12:16