Android在WebView中加载HTML并实现交互

Android在WebView中加载HTML并实现交互

正在开发一个地图程序, 相对于用XML写安卓界面, 我更愿意用这个方法, 就是不用Android自带的MapView, 而是使用之前就已经比较熟悉的Google Maps JavaScript API, 在Android的WebView中载入HTML代码, 利用Android提供的强大的Java与Js的交互功能, 用网页作为界面来开发程序,同时也可以用Js回调机器的本地功能比如GPS等.

下面提供一个演示的例子,代码如下:

package com.aloong.map; 

import android.app.Activity; 
import android.os.Bundle; 
import android.os.Handler; 
import android.webkit.WebSettings; 
import android.webkit.WebView; 

 9public class MyMap extends Activity { 

   private static String TAG = MyMap.class.getName(); 
   private WebView mWebView; 
   private Handler mHandler; 
   private WebSettings mWebSettings; 

    /** *//** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.main); 

        mWebView = (WebView) this.findViewById(R.id.webview); 
        mHandler = new Handler(); 

        // 设置支持JavaScript等 
        mWebSettings = mWebView.getSettings(); 
        mWebSettings.setJavaScriptEnabled(true); 
        mWebSettings.setBuiltInZoomControls(true); 
        mWebSettings.setLightTouchEnabled(true); 
        mWebSettings.setSupportZoom(true); 
        mWebView.setHapticFeedbackEnabled(false); 
        // mWebView.setInitialScale(0); // 改变这个值可以设定初始大小 

        //重要,用于与页面交互! 
        mWebView.addJavascriptInterface(new Object() { 
            @SuppressWarnings("unused") 
            public void oneClick(final String locX, final String locY) {//此处的参数可传入作为js参数 
                mHandler.post(new Runnable() { 
                    public void run() { 
                        mWebView.loadUrl("javascript:shows(" + locX + "," + locY + ")"); 
                    } 
                }); 
            } 
        }, "demo");//此名称在页面中被调用,方法如下: 
        //<body onClick="window.demo.clickOnAndroid(event.pageX,event.pageY)"> 

        final String mimeType = "text/html"; 
        final String encoding = "utf-8"; 
        final String html = "";// TODO 从本地读取HTML文件 

        mWebView.loadDataWithBaseURL("file:///sdcard/", html, mimeType, 
                encoding, ""); 

    } 
}

运行以上代码,就可以在程序中打开自己写的html页面.并且实现Java与JavaScript的双向交互.

我们甚至可以在页面中使用JQuery之类的框架制作出很好看的效果,而这比写Android代码我觉得简单多了.

原文发布于微信公众号 - Java学习网(javalearns)

原文发表时间:2015-07-13

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Samego开发资源

简单快捷的退出APP应用

19370
来自专栏Flutter入门到实战

WebView深度学习(一)之WebView的基本使用以及Android和js的交互

//设置WebView缓存(当加载 html 页面时,WebView会在/data/data/包名目录下生成 database 与 cache 两个文件夹,请求...

16320
来自专栏张高兴的博客

张高兴的 Xamarin.Android 学习笔记:(三)活动生命周期

383110
来自专栏潇涧技术专栏

Art of Android Development Reading Notes 8

《Android开发艺术探索》读书笔记 (8) 第8章 理解Window和WindowManager

9310
来自专栏青蛙要fly的专栏

项目需求讨论-APP中提交信息及编辑信息界面及功能

好久好久没写文章了,这次我们来讨论下一些具有填写很多资料的界面,或者详情编辑界面等如何做起来更方便。 (PS:我写的可能不好,希望大家不好喷,哈哈,可以留言)

14220
来自专栏双十二技术哥

Android AsyncLayoutInflater 限制及改进

上一篇文章中我们介绍了 AsyncLayoutInflater 的用法及源码实现,那么本文来分析下 AsyncLayoutInflater 使用的注意事项及改进...

35520
来自专栏刘望舒

探究RemoteViews的作用和原理

RmoteViews是一个能显示在其他进程的视图。同样也提供了一些基本的操作方法来修改视图的内容。

16610
来自专栏腾讯Bugly的专栏

Android APP 快速 Pad 化实现

如何能在最快的时间内,实现一个最新版本 Android app 的 pad 化呢?从拿到一个大型手机 app 代码开始开发到第一个其全新 pad 版本的发布,我...

67060
来自专栏Android干货

Android项目实战(三十四):蓝牙4.0 BLE 多设备连接

1.2K60
来自专栏移动端开发

Android学习--ListView

这篇文章用于总结自己这两天学到的安卓的ListView和RecyclerView 的笔记,以及从我这个iOS开发者的角度去理解和学习这两个控件,会比较一下他们个...

24090

扫码关注云+社区

领取腾讯云代金券