Android--WebView+HTML+Javascript -

梦想家dream

浏览: 63779 次
性别:
来自: 湖南

最近访客更多访客>>

cjzddii

fangbinren

heyzqt

eddya

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

Android--WebView+HTML+Javascript

博客分类：

移动手机

html android javascript java

知识点：android的WebView控件加载HTML并通过js实现数据的交互

步骤一、主页面代码

<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;
	}

}

源码下载请点这里：

WebViewDemo.zip (1015.2 KB)
下载次数: 17

分享到：

Android如何获取asset目录下所有文件的路 ... | VideoView重绘

2013-04-09 17:17
浏览 1773
评论(0)
分类:移动开发
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Android--WebView+HTML+Javascript

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Android--WebView+HTML+Javascript

评论

发表评论

相关推荐

Android自定义控件--3（刷新动画）

Android自定义控件--2（数字签名）

Android自定义控件--1（TextView跑马灯效果）

Android 将一张CMYK模式的图片转换成RGB模式的图片

Android TextToSpeech语音播放文本

Android连接电脑eclipse无法识别=解决办法

Android BaseAdapter如何获得每一项并添加按钮事件

Android的VideoView如何循环播放

Android如何获取asset目录下所有文件的路径

VideoView重绘

Android从零开始—多媒体（二十二）

Android从零开始—监听广播BroadcastReceiver（二十一）

Android从零开始—电话+短信（二十）

Android从零开始（十九）

Android从零开始（十八）

Android从零开始（十七）

Android从零开始（十六）

Android从零开始（十五）

Android从零开始（十四）

Android从零开始（十三）

最近访客更多访客>>