关闭 x
IT技术网
    技 采 号
    ITJS.cn - 技术改变世界
    • 实用工具
    • 菜鸟教程
    IT采购网 中国存储网 科技号 CIO智库

    IT技术网

    IT采购网
    • 首页
    • 行业资讯
    • 系统运维
      • 操作系统
        • Windows
        • Linux
        • Mac OS
      • 数据库
        • MySQL
        • Oracle
        • SQL Server
      • 网站建设
    • 人工智能
    • 半导体芯片
    • 笔记本电脑
    • 智能手机
    • 智能汽车
    • 编程语言
    IT技术网 - ITJS.CN
    首页 » 安卓开发 »Android在WebView中加载HTML并实现交互

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

    2014-12-12 00:00:00 出处:apkbus
    分享

    正在开发一个地图程序, 相对于用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代码我觉得简单多了.

    上一篇返回首页 下一篇

    声明: 此文观点不代表本站立场;转载务必保留本文链接;版权疑问请联系我们。

    别人在看

    正版 Windows 11产品密钥怎么查找/查看?

    还有3个月,微软将停止 Windows 10 的更新

    Windows 10 终止支持后,企业为何要立即升级?

    Windows 10 将于 2025年10 月终止技术支持,建议迁移到 Windows 11

    Windows 12 发布推迟,微软正全力筹备Windows 11 25H2更新

    Linux 退出 mail的命令是什么

    Linux 提醒 No space left on device,但我的空间看起来还有不少空余呢

    hiberfil.sys文件可以删除吗?了解该文件并手把手教你删除C盘的hiberfil.sys文件

    Window 10和 Windows 11哪个好?答案是:看你自己的需求

    盗版软件成公司里的“隐形炸弹”?老板们的“法务噩梦” 有救了!

    IT头条

    公安部:我国在售汽车搭载的“智驾”系统都不具备“自动驾驶”功能

    02:03

    液冷服务器概念股走强,博汇、润泽等液冷概念股票大涨

    01:17

    亚太地区的 AI 驱动型医疗保健:2025 年及以后的下一步是什么?

    16:30

    智能手机市场风云:iPhone领跑销量榜,华为缺席引争议

    15:43

    大数据算法和“老师傅”经验叠加 智慧化收储粮食尽显“科技范”

    15:17

    技术热点

    SQL汉字转换为拼音的函数

    windows 7系统无法运行Photoshop CS3的解决方法

    巧用MySQL加密函数对Web网站敏感数据进行保护

    MySQL基础知识简介

    Windows7和WinXP下如何实现不输密码自动登录系统的设置方法介绍

    windows 7系统ip地址冲突怎么办?windows 7系统IP地址冲突问题的

      友情链接:
    • IT采购网
    • 科技号
    • 中国存储网
    • 存储网
    • 半导体联盟
    • 医疗软件网
    • 软件中国
    • ITbrand
    • 采购中国
    • CIO智库
    • 考研题库
    • 法务网
    • AI工具网
    • 电子芯片网
    • 安全库
    • 隐私保护
    • 版权申明
    • 联系我们
    IT技术网 版权所有 © 2020-2025,京ICP备14047533号-20,Power by OK设计网

    在上方输入关键词后,回车键 开始搜索。Esc键 取消该搜索窗口。