安科网

Android中WebView载入本地HTML代码并实现Java与JavaScript交互

OldSoldier

OldSoldier

2011-08-18

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

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

  1. package com.aloong.map;  
  2.   
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.os.Handler;  
  6. import android.webkit.WebSettings;  
  7. import android.webkit.WebView;  
  8.   
  9. public class MyMap extends Activity {  
  10.      
  11.     private static String TAG = MyMap.class.getName();  
  12.     private WebView mWebView;  
  13.     private Handler mHandler;  
  14.     private WebSettings mWebSettings;  
  15.   
  16.     /** *//** Called when the activity is first created. */  
  17.     @Override  
  18.     public void onCreate(Bundle savedInstanceState) {  
  19.         super.onCreate(savedInstanceState);  
  20.         setContentView(R.layout.main);  
  21.   
  22.         mWebView = (WebView) this.findViewById(R.id.webview);  
  23.         mHandler = new Handler();  
  24.   
  25.         // 设置支持JavaScript等   
  26.         mWebSettings = mWebView.getSettings();  
  27.         mWebSettings.setJavaScriptEnabled(true);  
  28.         mWebSettings.setBuiltInZoomControls(true);  
  29.         mWebSettings.setLightTouchEnabled(true);  
  30.         mWebSettings.setSupportZoom(true);  
  31.         mWebView.setHapticFeedbackEnabled(false);  
  32.         // mWebView.setInitialScale(0); // 改变这个值可以设定初始大小   
  33.   
  34.         //重要,用于与页面交互!   
  35.         mWebView.addJavascriptInterface(new Object() {  
  36.             @SuppressWarnings("unused")  
  37.             public void oneClick(final String locX, final String locY) {//此处的参数可传入作为js参数   
  38.                 mHandler.post(new Runnable() {  
  39.                     public void run() {  
  40.                         mWebView.loadUrl("javascript:shows('" + locX + "','" + locY + "')");  
  41.                     }  
  42.                 });  
  43.             }  
  44.         }, "demo");//此名称在页面中被调用,方法如下:   
  45.         //<body >   
  46.   
  47.         final String mimeType = "text/html";  
  48.         final String encoding = "utf-8";  
  49.         final String html = "";// TODO 从本地读取HTML文件   
  50.   
  51.         mWebView.loadDataWithBaseURL("file:///sdcard/", html, mimeType,  
  52.                 encoding, "");  
  53.   
  54.     }  
  55. }  
运行以上代码,就可以在程序中打开自己写的html页面.并且实现Java与JavaScript的双向交互.
我们甚至可以在页面中使用JQuery之类的框架制作出很好看的效果,而这比写Android代码我觉得简单多了.

webview font html代码

OldSoldier

OldSoldier

0 关注 0 粉丝 0 动态

关注 关注

相关推荐

appium-Hybird应用自动化

基于UIAutomator+ChromeDrivernative部分走UIAutomator，webview部分走Chromedriver，两者结合混搭，从而实现Hybrid自动化。检查adb连接，保持设备是连接上的。在设置中勾选本地资源。一般切换到web

dangai00 2020-07-18

五分钟实现，一个RN App开发调试工具

在React Native开发过程中，做为开发人员，我们经常做着费力不“讨好”的事情，这样占用我们不少时间：。按测试同学的的bug描述，登录指定的账号走一遍验证一下问题是否存在。若bug存在则，在app的调试模式下再验证是否存在，并查看日志或者断点调试查看

xhpscdx 2020-05-31

IOS Cordova嵌套Cocos Creator的坑

最近在看如何把H5游戏嵌套发布在app上，于是用Cordova作为工具。然而之前Cordova在IOS上是用UIWebview，但是IOS新版本上强制要用wkwebview。还好新版Cordova也支持了，但是遇到了一个坑，加载不了：。因为Cordova必

chenxiangpeng 2020-04-30

android中通过kotlin使用WebView（二）

　　本文记录如何让网页中的JS代码和APP进行交互，简单的说就是如何在网页中执行APP的代码。下面以在网页中执行代码打开拨号键盘并输入电话号码为例介绍如何实现。　　一、设置WebView允许它执行js代码。　　二、通过调用WebView的addJavasc

ncuboy0wsq 2020-03-27

5000字解析：前端五种跨平台技术

本文不涉及到任何代码，只讲概念层面的，结合本人在实际开发过程中的各种体验，对这几种跨平台技术进行一个点评。传统的纯原生开发已经不能满足日益增长的业务需求。主要表现在如下两个方面。动态化内容需求增大。开发团队，版本迭代时，无论人力成本还是测试成本都会变大。针

学习web前端 2020-03-23

应对iOS政策，白鹭引擎助力数十家团队过审 AppStore 经验分享

2019年苹果更新了对HTML5游戏的政策，要求HTML5游戏应在 Safari浏览器中展现，而不是直接打包为 ipa 发布到 AppStore 中，对此，很多 开发者给予关注，并跟我们咨询寻求帮助，解决他们在白鹭引擎开发的HTML5游戏发布到AppSto

APCDE 2020-03-04

应对iOS政策，白鹭引擎助力数十家团队过审 AppStore 经验分享

2019年苹果更新了对HTML5游戏的政策，要求HTML5游戏应在 Safari浏览器中展现，而不是直接打包为 ipa 发布到 AppStore 中，对此，很多 开发者给予关注，并跟我们咨询寻求帮助，解决他们在白鹭引擎开发的HTML5游戏发布到AppSto

歆萌 2020-03-03

flutter_html 和 WebView 解析html

a=getPortalArticle&aid=20. aid=198

owhile 2020-02-25

Andriod使用WebView制作webAPP

安卓期末考试做一个app，使用原生安卓开发界面太慢便采用了WebView的方式封装一个WebApp,界面做到响应式即可。-- 允许网络连接-->. 若为苹果手机，在AndriodStudio中使用安卓虚拟机，请确保虚拟机开启wifi并联网！！打开控制

csdnuuu 2020-01-04

关于小程序的内嵌其他网页

承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。

yuanye0 2019-12-25

vivo web service：亿万级规模web服务引擎架构

vivo web service是开发团队围绕奇点内核打造出的基于vivo手机平台的web服务引擎，该服务引擎从浏览器产品线中经过多年迭代而出。除了提供可靠的基础Web服务，服务引擎还集成了非常强大的扩展功能。本文从架构方面对该服务引擎进行一次简单剖析，帮

水龙吟的备忘录 2019-11-18

android关于加载本地html5的问题

刚开始看见这个问题我一头雾水，根本不知道从哪儿着手，我就在百度上搜这个错误的相关信息，在网上查阅了资料才发现是浏览器的安全性设置问题，因为android手机的默认浏览器都是webkit内核的，而webkit内核的浏览器默认是禁止从本地ajax加载文件的。这

icewizardry 2014-04-10

Hybrid开发

Native与前端的界限，首先Native提供的是一宿主环境，要合理的利用Native提供的能力，要实现通用的Hybrid平台架构。与Native的互相跳转，比如H5如何跳到一个Native页面，H5如何新开Webview做动画跳到另一个H5页面。Nati

元元 2019-11-17

Android适配使用webview加载后图片显示过大的问题

下面来看看解决方案：webview的基本使用流程这里我就不重复说明了，本篇针对的是文章详情加载完成后出现的情况，这里我们使用的方法是：通过js脚本，重置img标签中图片的宽度和高度。使用步骤：1、此方法需要使用js,所以webview设置属性中一定要添加下

androidstudyroom 2019-11-08

用phoneGap打包一个基于Android的WebApp

对于Android, Sencha的phonegap也是基于此方法对网页程序进行打包的，下载phonegap后，其主要包括二个文件：。此jar文件中包含了类DroidGap，其对Activity及WebView进行了适当的封装，可以让用户更方便地进行打包。

czpaex 2011-09-11

关于做Android+J2ee系统集成开发的一点心得

前言： 很早以前，就听人说过Android以后会火起来，作为一个前瞻性对它有所了解会是一个转型的好机会，javaweb太成熟饱和了，现在市面上各种Android手机层出不穷，网上各种Android视频连续剧一样跟进，安卓一下子成为了热门话题，刚开始也是出于

wangdaiying 2011-05-26

Android与js交互实例

Android中可以通过webview来实现和js的交互，在程序中调用js代码，只需要将webview控件的支持js的属性设置为true

西木 2014-01-12

移动开发中的 Web：WebView、Web 优化、热修复、跨平台……

移动开发领域近年来已经逐渐告别了野蛮生长的时期，进入了相对成熟的时代。而一直以来 Native 和 Web 的争论从未停止，通过开发者孜孜不倦的努力，Web 的效率和 Native 的体验也一直在寻求着平衡。本文聚焦 iOS 开发和 Web 开发的交叉点，

qixiang0 2019-08-24

android WebView总结

浏览器控件是每个开发环境都具备的，这为马甲神功提供了用武之地，windows的有webbrowser，android和ios都有webview。只是其引擎不同，相对于微软的webbrowser，android及ios的webview的引擎都是webkit，

doomvsjing 2014-03-20

android webview js交互 （java和js交互）

在android的开发过程中，有很多时候需要用到本地java代码和javascript进行交互。android对交互进行了很好的封装，在开发中我们可以很简单的用java代码调用webview中的js，也可以用webview中的js来调用本地的java代码，

zengdaquan00 2014-03-20
OldSoldier

OldSoldier

W3CSchool教程
HTML 教程
CSS 教程
Bootstrap 教程
Javascript 教程
jQuery 教程
后端教程
C 教程
Java 教程
PHP 教程
Python 教程
Go 教程
移动开发
Android 教程
Swift 教程
Kotlin 教程
jQuery Mobile 教程
ionic 教程
关于我们
新闻动态
联系方式
招聘英才
安科实验室
帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号 京公网安备11010802014868号