上一篇博客 Android-WebView加载网络图片&网页 介绍了 使用WebView去加载网络上的图片与网页;
此篇博客专门介绍 Android-WebView与本地HTML (HTML调用-->Java的方法), 其实对于WebView来说 无论是本地HTML 还是 网络HTML ,代码操作方式都是相似的,只是loadUrl(1.网络链接 或 2.本地链接)
JavaScript 调用-----> Java的call方法
在 assets目录中,放入test.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- viewport的宽度等于设备宽度,viewport会根据屏幕宽度自动适应,并且对图片和文字进行缩放显示 -->
<meta name="viewport" content="initial-scale=1.0" /> <title>Web页面</title> <script type="text/javascript"> function call(){
android_my_main_activity3.call('18888888888');
} </script> </head> <body> 这是一个html页面,现在在WebView中运行
<a href="javascript:call()">打电话给18888888888</a> </body> </html>
Activity:
package cn.h5; import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.webkit.JavascriptInterface;
import android.webkit.WebView;
import android.widget.Toast; public class MainActivity3 extends Activity { @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState); setContentView(R.layout.activity_main3); /**
* 定义此WebView 用于去展现本地HTML
*/
WebView webView = findViewById(R.id.wv_webview); /**
* WebView默认是不能够执行javascript
* 以下代码是设置>>允许webview能够执行javascript代码
*/
webView.getSettings().setJavaScriptEnabled(true); /**
* addJavascriptInterface是添加(给js调用-->Java方法)
* JavaScriptCallbackThisJavaMethod里面的方法 就是给JavaScript调用的;
* android_my_main_activity3是JavaScript/HTML/H5那边定义定义的标识,所以必须和JavaScript/HTML/H5那边定义标识一致
*
* 以下是 JavaScript代码,所以必须是 android_my_main_activity3
* function call(){
* android_my_main_activity3.call('18888888888');
* }
*/
webView.addJavascriptInterface(new JavaScriptCallbackThisJavaMethod(), "android_my_main_activity3"); /**
* 加载本地的HTML文件
*/
webView.loadUrl("file:///android_asset/test.html");
} /**
* 此JavaScriptCallbackThisJavaMethod类名是随意取得
* 也可以取名Wie JavaScriptCallbackJava
* JavaScriptToJava
* ......
*/
private class JavaScriptCallbackThisJavaMethod { /**
* 以下是 JavaScript代码,所以必须方法名与方法参数 必须是 void call(int类型的一个参数)
* function call(){
* android_my_main_activity3.call('18888888888');
* }
*/
@JavascriptInterface
public void call(String phoneNumber) {
Toast.makeText(MainActivity3.this, "Android原生去打电话", Toast.LENGTH_SHORT).show(); // 隐士意图 激活系统组件打电话操作
Intent intentCall = new Intent();
intentCall.setAction(Intent.ACTION_CALL);
intentCall.setData(Uri.parse("tel:" + phoneNumber));
MainActivity3.this.startActivity(intentCall);
}
}
}
Activity的布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"> <!--
定义WebView
1.WebView可以展现处理本地的HTML相关;
2.WebView可以展现处理网络的HTML相关;
3.WebView可以制作自定义浏览器;
....
-->
<WebView
android:id="@+id/wv_webview"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</WebView> </LinearLayout>
AndroidManifest.xml中添加权限:
<!-- 拨打电话的权限 -->
<uses-permission android:name="android.permission.CALL_PHONE" />