本篇文章由：http://www.sollyu.com/android-software-development-webview-addjavascriptinterface-cycle-of-gradual-two/

说明

文章列表

android软件开发之webView.addJavascriptInterface循环渐进【一】： http://www.sollyu.com/?p=302

android软件开发之webView.addJavascriptInterface循环渐进【二】： http://www.sollyu.com/?p=586

上一篇文章发布之后，得到了大家的一致好评，在文章中答应出的第二篇也一直一直没有出来，今天就补出来。OK话不多，咱明直接开始，因为上一篇的文章写的时间已经过早，已经没有办法还原原工程，所以我这里就新建了一个工程。

新建工程

为了让大家更容易的理解，所以我这里就尽量的将代码缩短，这是我的工程的配置

创建好工程之后，然后将界面调整为下面这样

添加代码

首先将两个button和webview添加进来，并给web添加两个JavaScript调用接口，testFunc1和testFunc2

private Button  m_testButtom1;

private Button  m_testButtom2;

private WebView m_WebView;

@SuppressLint("SetJavaScriptEnabled")

@Override

protected void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);

    setContentView(R.layout.activity_main);

    m_testButtom1 = (Button)findViewById(R.id.button1);

    m_testButtom2 = (Button)findViewById(R.id.button2);

    m_WebView = (WebView)findViewById(R.id.webView1);

    m_WebView.getSettings().setJavaScriptEnabled(true);

    m_WebView.addJavascriptInterface(new Object(){

        @SuppressWarnings("unused")  // 这两个函数可以在JavaScript中调用

        public void testFunc1(String string) {messageHandler.obtainMessage(MessageHandler.WM_SET_FUNC1, string).sendToTarget(); }

        @SuppressWarnings("unused")

        public void testFunc2(String string) { messageHandler.obtainMessage(MessageHandler.WM_SET_FUNC2, string).sendToTarget();}

    }, "demo");

    m_WebView.loadUrl("file: ///android_asset/demo.html");

}

可以看到里面用到了一个messageHandler，我们看一下他具体的定义，这个类主要就是用来JavaScript交互的，JavaScript会使用这个消息来和我们的UI进行交互，同样上一篇也有说过

Looper looper = Looper.myLooper(); //得到当前线程的Looper实例，由于当前线程是UI线程也可以通过Looper.getMainLooper()得到

private Handler messageHandler = new MessageHandler(looper);//此处甚至可以不需要设置Looper，因为 Handler默认就使用当前线程的Looper

public class MessageHandler extends Handler {

    public static final int WM_SET_FUNC1 = 0;

    public static final int WM_SET_FUNC2 = 1;

    public MessageHandler(Looper looper) { super(looper); }

    @Override

    public void handleMessage(Message msg) {

        switch (msg.what) {

        case WM_SET_FUNC1:

            Toast.makeText(getApplicationContext(), msg.obj.toString(), Toast.LENGTH_LONG).show();

            break;

        case WM_SET_FUNC2:

            Toast.makeText(getApplicationContext(), msg.obj.toString(), Toast.LENGTH_LONG).show();

            break;

        default:

            break;

        }

    }

}

添加完成之后，在来添加按钮点击事件

m_testButtom1.setOnClickListener(new OnClickListener() {

    @Override

    public void onClick(View arg0) {

        String string = "http://www.sollyu.com";

        m_WebView.loadUrl("javascript:testFunc1('"+string+"');");   // 调用html中的JavaScript函数testFunc1,这里只有一个参数

    }

});

m_testButtom2.setOnClickListener(new OnClickListener() {

    @Override

    public void onClick(View arg0) {

        String string = "这里有两个参数:";

        int nInt = 191067617;

        m_WebView.loadUrl("javascript:testFunc2('"+string+"',"+String.valueOf(nInt)+")"); // 通用这里有2个参数

    }

});

这样在Android的代码就算写完了，下面在来看一下demo.html

Html文件

demo.html源代码为：

<html>

    <script language="javascript">

        function testFunc1(var1)

        {

            return_var = "原创文章：" + var1;

            window.demo.testFunc1(return_var);      // 调用Android代码中的 testFunc1 的函数

            return return_var;

        }

        function testFunc2(var1,var2)

        {

            return_var = var1 + var2;

            window.demo.testFunc2(return_var);      // 这里的参数就为返回到android的值

            return return_var;

        }

    </script>

</html>

运行截图

android软件开发之webView.addJavascriptInterface循环渐进【二】的更多相关文章

  1. android软件开发之webView.addJavascriptInterface循环渐进【一】

    本篇文章由:http://www.sollyu.com/android-software-development-webview-addjavascriptinterface-cycle-of-gra ...

  2. Android安全开发之WebView中的地雷

    Android安全开发之WebView中的地雷 0X01 About WebView 在Android开发中,经常会使用WebView来实现WEB页面的展示,在Activiry中启动自己的浏览器,或者 ...

  3. Android混合开发之WebView与Javascript交互

    前言: 最近公司的App为了加快开发效率选择了一部分功能采用H5开发,从目前市面的大部分App来讲,大致分成Native App.Web App.Hybrid App三种方式,个人觉得目前以Hybri ...

  4. Android混合开发之WebView使用总结

    前言: 今天修改项目中一个有关WebView使用的bug,激起了我总结WebView的动机,今天抽空做个总结. 混合开发相关博客: Android混合开发之WebView使用总结 Android混合开 ...

  5. android基础开发之WebView

    WebView 是android平台沟通 http & H5 页面的桥梁. 但是google对这块的表述不是很清晰,而且SDK里面基本看不到源码,只有一个接口而已. 传送:http://dev ...

  6. Android软件开发之ListView 详解【转】

    ListView的使用方法  ListView是Android软件开发中非常重要组件之一,基本上是个软件基本都会使用ListView ,今天我通过一个demo来教大家怎么样使用ListView组件 绘 ...

  7. 【Android】Android软件开发之ListView 详解

    原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://xys289187120.blog.51cto.com/3361352/65717 ...

  8. Android安全开发之WebView中的大坑

    0X01 About WebView 在Android开发中,经常会使用WebView来实现WEB页面的展示,在Activiry中启动自己的浏览器,或者简单的展示一些在线内容等.WebView功能强大 ...

  9. Android 软件开发之 PreferenceActivity 中的组件

    1.PreferenceActivity 介绍 PreferenceActivity 继承ListActivity 它是以一个列表的形式在展现内容,它最主要的特点是添加Preference可以让控件的 ...

随机推荐

  1. POJ-2296 Map Labeler 2sat

    题目链接:http://poj.org/problem?id=2296 二分+2sat,每个点的上下两个方向为2sat的两个状态. //STATUS:C++_AC_16MS_536KB #includ ...

  2. SQLite 入门教程（二）创建、修改、删除表 （转）

    转于 SQLite 入门教程(二)创建.修改.删除表 一.数据库定义语言 DDL 在关系型数据库中,数据库中的表 Table.视图 View.索引 Index.关系 Relationship 和触发器 ...

  3. Python 函数和模块

    200 ? "200px" : this.width)!important;} --> 介绍 在python中也存在函数的概念,标准的函数我们可以叫内置函数,这类函数可以直接 ...

  4. hdu 1039 Easier Done Than Said? 字符串

    Easier Done Than Said?                                                                     Time Limi ...

  5. cocos2d-x简单动画

    转自:http://4137613.blog.51cto.com/4127613/759610 这里只给出最基本的动画代码,具体使用要根据实际情况自己封装.最好自己开发一个编辑器.额外说一句,开发编辑 ...

  6. 免费安卓IOS测试API接口，后续会陆续增加接口

    各位博友好!开发的安卓或者ios的朋友们,经常会遇到想测试但是没有公开的api接口进行进行测试.但自己又不会开发服务端或者没有服务器,这里我免费提供了一整套API接口.欢迎大家调用,目标是方便大家. ...

  7. 验证(Verification)与确认（Validation）的差别

    验证(Verification)与确认(Validation)的差别 说法一: (2)“验证(Verification)”的涵义 通过提供客观证据对规定要求已得到满足的认定. (2)“确认(Valid ...

  8. php位运算的应用(转)

    在实际应用中可以做用户权限的应用 我这里说到的权限管理办法是一个普遍采用的方法,主要是使用到”位运行符”操作,& 位与运算符.| 位或运行符.参与运算的如果是10进制数,则会被转换至2进制数参 ...

  9. android112 c代码打印日志，c反编译调用java

    activity: package com.itheima.ccalljava; import android.os.Bundle; import android.app.Activity; impo ...

  10. java窗体与Flash交互

    最近在研究flash,用flash去读取文件很简单,但是存储文件就很麻烦了. 因此想到用java的窗体进行交互. 下面是DJNativeSwing-SWT-1-0-3-20140708的下载链接: h ...