步骤一、主页面代码
<LinearLayout 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" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" android:orientation="vertical" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="WebView==javascript中调用java中的方法" /> <WebView android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/mywebView"/> </LinearLayout>
步骤二、HTML+javascript代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <script type="text/javascript"> function myinterface(){ document.getElementById("myname").innerHTML=window.myobj.getName(); } function showAndroidToast(toast) { myobj.showToast(toast); } </script> </head > <body onload="myinterface()"> 我的姓名: <div id="myname"></div> <input type="button" value="Say hello" onClick="showAndroidToast('千呼万唤始出来!')" /> </body> </html>
步骤三、MainActivity代码
package com.example.webviewdemo; import android.os.Bundle; import android.app.Activity; import android.content.Context; import android.util.Log; import android.view.KeyEvent; import android.view.Menu; import android.webkit.JsResult; import android.webkit.WebChromeClient; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.Toast; public class MainActivity extends Activity { private WebView webView = null; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); webView = (WebView) findViewById(R.id.mywebView); webView.getSettings().setJavaScriptEnabled(true); webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } }); webView.setWebChromeClient(new WebChromeClient(){ @Override public boolean onJsAlert(WebView view, String url, String message, JsResult result) { // TODO Auto-generated method stub return super.onJsAlert(view, url, message, result); } }); webView.getSettings().setDefaultTextEncodingName("gbk"); webView.addJavascriptInterface(new myinterface(this) , "myobj"); webView.loadUrl("file:///android_asset/myname.html"); // webView.loadDataWithBaseURL("file:///android_asset/myname.html", "数据显示", "text/html", "UTF-8", null); } class myinterface{ private Context context; public myinterface(Context context) { this.context=context; // TODO Auto-generated constructor stub } public String getName(){ return "pilisiya"; } public void showToast(String toast) { // Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show(); Log.e("TAG", "====================="); Toast.makeText(context,toast, Toast.LENGTH_LONG).show(); Log.e("TAG", "*********************"); } } @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_BACK && webView.canGoBack()) { webView.goBack(); return true; } return super.onKeyDown(keyCode, event); } @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; } }
源码下载请点这里: