使用WebView中的JavaScript调用android的方法
2015-04-19 10:56
756 查看
布局:
/JsCallAndroid/res/layout/activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<WebView
android:id="@+id/webview"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
</LinearLayout>
引用这个布局:
/JsCallAndroid/src/com/lxm/jscallandroid/MainActivity.java
package com.lxm.jscallandroid;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.webkit.WebSettings;
import android.webkit.WebView;
public class MainActivity extends Activity {
WebView myWebView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl("file:///android_asset/test.html");
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
// 将MyObject对象暴露给JavaScript脚本
// 这样test.html页面中的JavaScript可以通过myObj来调用MyObject的方法
myWebView.addJavascriptInterface(new MyObject(this), "myObj");
}
@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;
}
}
/JsCallAndroid/src/com/lxm/jscallandroid/MyObject.java
package com.lxm.jscallandroid;
import android.app.AlertDialog;
import android.content.Context;
import android.widget.Toast;
public class MyObject {
Context mContext;
MyObject(Context c) {
mContext = c;
}
// 该方法将会暴露给JavaScript脚本调用
public void showToast(String name) {
Toast.makeText(mContext, name + ",您好!", Toast.LENGTH_LONG).show();
}
// 该方法将会暴露给JavaScript脚本调用
public void showList() {
// 显示一个普通的列表对话框
new AlertDialog.Builder(mContext)
.setTitle("图书列表")
.setIcon(R.drawable.ic_launcher)
.setItems(
new String[] { "疯狂Java讲义", "疯狂Android讲义",
"轻量级Java EE企业应用实战" }, null)
.setPositiveButton("确定", null).create().show();
}
}
/JsCallAndroid/assets/test.html
<!DOCTYPE html>
<html>
<head>
<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Js调用Android </title>
</head>
<body>
<!-- 注意此处的myObj是Android暴露出来的对象 -->
<input type="button" value="打招呼"
onclick="myObj.showToast('孙悟空');" />
<input type="button" value="图书列表"
onclick="myObj.showList();" />
</body>
</html>
添加权限:
<uses-permission android:name="android.permission.INTERNET"/>
/JsCallAndroid/res/layout/activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<WebView
android:id="@+id/webview"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
</LinearLayout>
引用这个布局:
/JsCallAndroid/src/com/lxm/jscallandroid/MainActivity.java
package com.lxm.jscallandroid;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.webkit.WebSettings;
import android.webkit.WebView;
public class MainActivity extends Activity {
WebView myWebView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl("file:///android_asset/test.html");
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
// 将MyObject对象暴露给JavaScript脚本
// 这样test.html页面中的JavaScript可以通过myObj来调用MyObject的方法
myWebView.addJavascriptInterface(new MyObject(this), "myObj");
}
@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;
}
}
/JsCallAndroid/src/com/lxm/jscallandroid/MyObject.java
package com.lxm.jscallandroid;
import android.app.AlertDialog;
import android.content.Context;
import android.widget.Toast;
public class MyObject {
Context mContext;
MyObject(Context c) {
mContext = c;
}
// 该方法将会暴露给JavaScript脚本调用
public void showToast(String name) {
Toast.makeText(mContext, name + ",您好!", Toast.LENGTH_LONG).show();
}
// 该方法将会暴露给JavaScript脚本调用
public void showList() {
// 显示一个普通的列表对话框
new AlertDialog.Builder(mContext)
.setTitle("图书列表")
.setIcon(R.drawable.ic_launcher)
.setItems(
new String[] { "疯狂Java讲义", "疯狂Android讲义",
"轻量级Java EE企业应用实战" }, null)
.setPositiveButton("确定", null).create().show();
}
}
/JsCallAndroid/assets/test.html
<!DOCTYPE html>
<html>
<head>
<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Js调用Android </title>
</head>
<body>
<!-- 注意此处的myObj是Android暴露出来的对象 -->
<input type="button" value="打招呼"
onclick="myObj.showToast('孙悟空');" />
<input type="button" value="图书列表"
onclick="myObj.showList();" />
</body>
</html>
添加权限:
<uses-permission android:name="android.permission.INTERNET"/>
相关文章推荐
- 使用webView中的javaScript调用Android方法
- 使用WebView中的JavaScript调用Android方法
- android webview中使用Java调用JavaScript方法并获取返回值_Android
- Android 使用WebView中的JavaScript调用Android方法
- Android使用WebView播放flash的方法和JavaScript调用本地方法
- android webview中使用Java调用JavaScript方法并获取返回值
- Android WebView中使用Java调用JavaScript方法并获取返回值
- WebView原生方法---使用javascript调用android代码
- Android中WebView使用3,html掉android中的方法webView调用js中的方法
- Android webview中JavaScript与Java方法的相互调用Demo
- android webview addJavascriptInterface 的方法不能调用
- WebView 中的 JavaScript 调用 Android 的方法
- Android Webview和JavaScript交互--JS调用Android方法
- Android WebView使用之JavaScript调用Java代码注意事项
- Android中在WebView里实现Javascript调用Java类的方法
- Android在使用WebView时,通过Javascript调用JAVA函数
- Android中WebView的使用总结及Java与Javascript的相互调用
- ANDROID WEBVIEW和JAVASCRIPT交互_JS调用ANDROID方法
- Android 实现WebView与JavaScript相互调用//支持javaScript对android方法调用 mWebView.addJavascriptInterface(n
- Android WebView使用方法详解 附js交互调用方法