`

android中的webview 加载html,并可以实现java调用js

阅读更多




记得上一个项目中在类似网易新闻的详细布局。如下:

    最后因为服务器返回的数据已经存在标签,客户的需求也没有要求做成类网易的详细界面,接下来的这个项目客户给的要求已经体现了,所以又仔细了研究了下关于在手机客户端
上显示文字与图片的布局。大家可以直接反编译下网易,百度,搜狐之类的客户端,它们都是用webview控件来展现新闻界面的~
     至于如何实现java 和  js  的交互,网络上也有许多,但是一直没有找到很完全的,最多是一个简单的按钮弹出!
下面我将把实现代码放上!
可以分如下几步:
     1.准备好所需求的××.html。我们一般这样创建;在assets中创建自己的一个文件夹(如:www)。其中可以创建自己的html 及css,js文件夹。
     2.在android 中要有webView控件。当然别忘了主配置文件中要加上<uses-permission android:name="android.permission.INTERNET" />
     3.
//这个是让webview 可以实现js
wvDetailBody.getSettings().setJavaScriptEnabled(true);
//这里是要创建一个对象来对js进行操作(MyContent)
        webview.addJavascriptInterface(myJavaScriptInterface
          , "MyContent");   
     4.创建myJavaScriptInterface类及想要实现的调用方法



注意一下几点:
      1.传入到js中的数据不可以带标签(自己测试的),如果带会报 EventHub.removeMessages(int what = 107) is not supported before the WebViewCore is set up.
      2.最好在更新webview 放在ui 线程中!
      3.还有是在开发中,webview 默认是白色背景很难看,改变它会在不同系统中不一样,但是有一种是可以完成,即:在需要的activity中标记android:hardwareAccelerated="false" 。并在代码中
webview.setBackgroundColor(0);// set transparent即可。
最后代码附上!
希望对你有帮助!
最后的效果图:
  • 大小: 356.6 KB
  • 大小: 276.5 KB
2
0
分享到:
评论
2 楼 JavaEEdyc 2015-01-05  
http://m.qianka.com/shoutu?u=21120061&referer_code=0349&from=singlemessage&isappinstalled=1


[b]看看别人的产品营销模式多么动人,大公司,肯花大钱啊![/b]
1 楼 zhangyang5023637 2014-08-14  
讲的挺明白的。

相关推荐

    android使用webView实现java程序与js脚本的相互调用

    通过上述步骤,我们可以在Android应用中使用WebView实现Java与JavaScript的交互。这种技术广泛应用于混合应用开发,使开发者能够充分利用两者的优势,为用户提供更好的体验。在实际开发中,需要根据具体需求灵活运用...

    android webview 加载本地html 实现 与 java 之间的相互响应

    通过上述步骤,我们可以成功地在Android应用中使用WebView加载本地HTML,并实现Java与HTML的双向交互。这在开发混合型应用时非常有用,可以充分利用HTML的灵活性和Java的强大力量。同时,注意安全性问题,确保应用在...

    android webview中使用Java调用JavaScript方法并获取返回值

    如果需要在WebView中启用JavaScript调用Android代码的功能,还要在addJavascriptInterface()方法中声明一个Java类的实例,并为其指定一个可以在JavaScript中访问的接口名字。 在Java代码中定义一个内部类,用于接收...

    android中webview加载本地页面,并处理js事件

    本示例“android中webview加载本地页面,并处理js事件”着重讲解如何利用`WebView`加载本地HTML页面,并通过JavaScript Interface与Java代码进行交互,同时在HTML中动态生成组件如`button`。 1. **WebView基本使用**...

    Android实现WebView懒加载

    3. **JavaScript交互**:通过`addJavascriptInterface`方法添加一个Java对象到WebView,并暴露一些方法给JavaScript调用。这样,JavaScript可以在适当的时候通知Android应用加载特定资源。 4. **图片加载优化**:...

    Android webview加载网页.zip

    这个“Android webview加载网页.zip”文件可能包含了一个示例项目或者教程,帮助开发者理解如何在Android应用中有效地使用WebView。 WebView的使用涉及到以下几个关键知识点: 1. **WebView组件引入**:在...

    Android WebView H5调用拍照

    为了使H5页面能够调用Android原生的拍照功能,我们需要在Java代码中实现一个JavaScript接口。这可以通过WebView的addJavascriptInterface方法实现。下面是一个简单的示例: ```java private class ...

    Android使用WebView调用H5完成摄像头扫描二维码

    这篇教程将详细介绍如何在Android中利用WebView来调用H5页面,从而实现摄像头扫描二维码的功能。 首先,我们需要理解WebView的基本用法。WebView是Android SDK提供的一种控件,它可以加载本地或者远程的HTML、CSS和...

    android中Webview与javascript的交互(互相调用)

    总之,Android中的WebView与JavaScript的交互是通过暴露Java对象和调用JavaScript函数实现的,这种方式极大地丰富了Android应用的功能。在实际开发中,我们需要合理利用这一特性,同时注意安全性和性能优化。

    Android下WebView中调用系统相机拍照范例

    在网页的JavaScript中,你可以通过`window.MyBrowserAPI.CapturePhoto`来调用Android端的方法。如上述`index.html`所示,当用户点击拍照按钮时,`TakePhoto`函数会被调用,它会调用`CapturePhoto`方法,并将返回的...

    Android 通过 WebView 与js 简单交互实现图文混排与查看大图功能

    - 在HTML中,我们可以使用`&lt;img&gt;`标签来插入图片,并通过CSS进行样式调整以适应不同屏幕尺寸。例如,使用百分比宽度可以让图片自适应屏幕宽度。 - 为解决图片适配问题,可以使用响应式设计,如Bootstrap框架,或者...

    webview 加载js ,css

    总结,Android的WebView结合JavaScript和CSS,可以实现丰富的交互式和动态的网页内容展示。通过JavaScript Interface,原生应用与网页之间可以无缝通信,极大地拓展了Android应用的功能。在实际开发中,应注重性能...

    android demo,webview_js(webview的js方法调用java方法)。

    本示例“android demo,webview_js”着重展示了如何通过Webview实现JavaScript调用Java方法的功能。这个功能对于创建混合式应用或者在原生应用中嵌入HTML5页面尤其有用。 首先,我们需要在Android布局文件中添加一...

    android之webview与js相互调用

    JavaScript调用Android代码则需要实现`WebViewClient`的`shouldOverrideUrlLoading()`方法,并通过`addJavascriptInterface()`添加一个Java对象到Webview,使得JavaScript可以访问这个对象的方法。 首先,创建一个...

    android用webview加载html5网络视频全屏播放

    在Android应用开发中,Webview是一个非常...通过分析和学习这些代码,开发者可以深入理解如何在Android中使用Webview加载HTML5视频并实现全屏播放功能。这有助于提升Android应用的用户体验,尤其是在媒体内容展示方面。

    android之webView加载javascropt

    这篇博客“android之webView加载javascript”将深入探讨如何在Android应用中有效地使用WebView来加载和执行JavaScript代码。 首先,我们需要在AndroidManifest.xml中为应用添加互联网权限,因为加载网页内容需要...

    WebView实现Java与JS相互调用

    1. **Java调用JS**:在Java代码中,我们可以通过`WebView.loadUrl()`方法加载一个JavaScript URL,或者使用`WebView.evaluateJavascript()`(API 19及以上)来执行一段JS代码并获取返回值。这样,我们可以调用网页中...

    Android通过JS在线用webview加载PDF文件(无限放大版本)

    至此,你已经成功实现了Android Webview加载在线PDF文件并支持无限放大。需要注意的是,由于Webview是在浏览器环境中运行,所以性能可能受设备硬件限制,特别是对于大型或复杂的PDF文件。因此,优化Webview性能,如...

    android Webview加载本地图片,自适应布局大小

    总之,Android中的WebView加载本地图片并自适应布局大小,需要结合HTML、CSS、JavaScript以及Java代码进行综合运用。理解WebView的工作原理和配置选项,以及合理的图片尺寸控制和性能优化,都是实现这一功能的关键点...

    安卓浏览器WebViewJSHTML5相关-androidwebview加载本地html实现与java之间的相互响应.rar

    本教程将详细介绍如何使用Android WebView加载本地HTML,并实现Java与JavaScript之间的交互,以便更好地控制和扩展应用功能。 首先,我们需要在布局XML文件中添加一个WebView组件,如下所示: ```xml &lt;WebView ...

Global site tag (gtag.js) - Google Analytics